-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
38 lines (38 loc) · 1.06 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
module.exports = {
theme: {
textColor: {
primary: 'var(--secondary)',
secondary: 'var(--secondary)',
default: 'var(--color-text-default)',
'default-soft': 'var(--color-text-default-soft)',
inverse: 'var(--color-text-inverse)',
'inverse-soft': 'var(--color-text-inverse-soft)',
red: 'var(--red)',
yellow: 'var(--yellow)',
green: 'var(--green)',
},
backgroundColor: {
primary: 'var(--primary)',
secondary: 'var(--secondary)',
'blue-200': 'var(--blue-200)',
'red-200': 'var(--red-200)',
'green-200': 'var(--green-200)',
'gray-100': 'var(--bgColor-gray-100)',
'gray-200': 'var(--bgColor-gray-200)',
'gray-300': 'var(--bgColor-gray-300)',
'red-500': 'var(--red)',
card: 'var(--bgColor-card)',
transparent: 'transparent',
},
extend: {
borderColor: {
primary: 'var(--primary)',
},
},
},
variants: {
margin: ['first'],
backgroundColor: ['group-hover', 'hover'],
textColor: ['group-hover', 'hover'],
},
};