-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
52 lines (51 loc) · 1.18 KB
/
tailwind.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
theme: {
extend: {
fontFamily: {
sans: ['DM Sans', ...defaultTheme.fontFamily.sans]
},
colors: {
'forest-night': '#003c3c',
'cloudy-grey': '#e6f0f0',
'campfire-orange': '#ff6446',
'sky-blue': '#28AAf0',
'sun-yellow': '#ffe65a',
'sun-yellow-darker': '#FFDA0C',
'sun-yellow-darkest': '#E9C600',
'stone-green': '#648282',
'clay-brown': '#b4b48c',
'rainy-grey': '#d1e2e2',
'grey-light': '#A5CBCB',
'grey-darkest': '#032A2A',
green: {
50: '#F2FDF9',
100: '#E6FCF3',
200: '#BFF6E0',
300: '#99F1CD',
400: '#4DE7A8',
500: '#00DC82',
600: '#00C675',
700: '#00844E',
800: '#00633B',
900: '#004227'
}
},
ringWidth: {
3: '3px'
},
inset: {
13: '13px'
},
lineHeight: {
'14': '0.875rem',
}
}
},
variants: {
opacity: ({ after }) => after(['group-hover']),
extend: {
ringWidth: ['hover', 'focus', 'active']
}
}
}