arthur/website-old
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website-old.git synced 2026-01-23 00:15:02 +01:00
Code Issues 31 Packages Projects Releases Wiki Activity

Import SVG icon & Add dark mode

Browse Source
This commit is contained in:
Arthur Danjou
2020-11-21 11:13:03 +01:00
parent 19db34f3dd
commit aba835f122
42 changed files with 211 additions and 9334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/tailwind.config.js
View File

@@ -22,6 +22,13 @@ module.exports = {
black: '#000',
white: '#fff',
dark: {
100: '#272727',
200: '#121212',
800: '#212121',
900: 'rgba(255,255,255,0.6)'
},
gray: {
100: '#f7fafc',
200: '#edf2f7',
@@ -244,6 +251,7 @@ module.exports = {
inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
outline: '0 0 0 3px rgba(66, 153, 225, 0.5)',
none: 'none',
white: '0 4px 4px -1px rgba(255,255,255,0.9), 0 2px 2px -1px rgba(255,255,255,0.94)'
},
container: {},
cursor: {
@@ -714,20 +722,20 @@ module.exports = {
appearance: ['responsive'],
backgroundAttachment: ['responsive'],
backgroundClip: ['responsive'],
backgroundColor: ['hover', 'responsive'],
backgroundImage: ['responsive'],
backgroundColor: ['dark', 'hover', 'responsive'],
backgroundImage: ['dark', 'responsive'],
gradientColorStops: ['responsive', 'hover', 'focus'],
backgroundOpacity: ['responsive', 'hover', 'focus'],
backgroundPosition: ['responsive'],
backgroundRepeat: ['responsive'],
backgroundSize: ['responsive'],
borderCollapse: ['responsive'],
borderColor: ['hover', 'responsive'],
borderColor: ['dark','hover', 'responsive'],
borderOpacity: ['responsive', 'hover', 'focus'],
borderRadius: ['responsive'],
borderStyle: ['responsive'],
borderWidth: ['responsive'],
boxShadow: ['responsive', 'hover', 'focus'],
boxShadow: ['dark', 'responsive', 'hover', 'focus'],
boxSizing: ['responsive'],
container: ['responsive'],
cursor: ['responsive'],
@@ -775,7 +783,7 @@ module.exports = {
placeContent: ['responsive'],
placeItems: ['responsive'],
placeSelf: ['responsive'],
placeholderColor: ['responsive', 'focus'],
placeholderColor: ['dark', 'responsive', 'focus'],
placeholderOpacity: ['responsive', 'focus'],
pointerEvents: ['responsive'],
position: ['responsive'],
@@ -785,7 +793,7 @@ module.exports = {
strokeWidth: ['responsive'],
tableLayout: ['responsive'],
textAlign: ['responsive'],
textColor: ['hover', 'responsive'],
textColor: ['dark', 'hover', 'responsive'],
textOpacity: ['responsive', 'hover', 'focus'],
textDecoration: ['responsive', 'hover', 'focus'],
textTransform: ['responsive'],