-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
59 lines (56 loc) · 1.33 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
53
54
55
56
57
58
59
module.exports = {
purge: [],
darkMode: 'class', // or 'media' or 'class'
theme: {
screens: {
sm: '500px',
// => @media (min-width: 640px) { ... }
md: '575px',
// => @media (min-width: 768px) { ... }
lg: '700px',
// => @media (min-width: 1024px) { ... }
xl: '750px',
// => @media (min-width: 1280px) { ... }
},
extend: {
colors: {
'theme-orange': {
50: '#f6e6da',
100: '#ebceb5',
150: '#dfb692',
200: '#d19f70',
250: '#c2884e',
300: '#d69854',
400: '#d18c3f',
500: '#c77f30',
600: '#b2722b',
700: '#9d6526',
800: '#895821',
900: '#744b1c',
},
dark: {
950: 'rgb(23,23,23)',
900: 'rgb(25,25,25)',
850: 'rgb(30,30,30)',
800: 'rgb(36,36,36)',
700: 'rgb(40,40,40)',
600: '#2D2D2D',
500: 'rgb(50,50,50)',
400: '#3d3d3d',
300: '#b2b2b2',
200: 'rgb(223,223,223)',
twilight: 'rgb(30, 30, 30)',
stacking: 'rgba(25,25,25,0.2)',
},
},
},
},
variants: {
extend: {},
},
plugins: [
require('@tailwindcss/forms'),
require('@tailwindcss/typography'),
require('tailwindcss-textshadow'),
],
};