-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
181 lines (177 loc) · 6.8 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
module.exports = {
darkMode: 'class',
content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}', './utils/*.ts'],
theme: {
screens: {
xs: '580px',
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
},
extend: {
colors: {
'background-dark': 'var(--color-background-dark)',
'component-background': 'var(--color-component-background)',
'surface': 'var(--color-surface)',
'primary': 'var(--color-primary)',
'primary-light': 'var(--color-primary-light)',
'primary-dark': 'var(--color-primary-dark)',
'secondary': 'var(--color-secondary)',
'secondary-light': 'var(--color-secondary-light)',
'secondary-dark': 'var(--color-secondary-dark)',
'accent': 'var(--color-accent)',
'accent-light': 'var(--color-accent-light)',
'accent-dark': 'var(--color-accent-dark)',
'positive': 'var(--color-positive)',
'negative': 'var(--color-negative)',
'warning': 'var(--color-warning)',
'success': 'var(--color-success)',
'error': 'var(--color-error)',
'slate-0': 'var(--color-slate-0)',
'slate-50': 'var(--color-slate-50)',
'slate-100': 'var(--color-slate-100)',
'slate-200': 'var(--color-slate-200)',
'slate-300': 'var(--color-slate-300)',
'slate-400': 'var(--color-slate-400)',
'slate-500': 'var(--color-slate-500)',
'slate-600': 'var(--color-slate-600)',
'slate-700': 'var(--color-slate-700)',
'slate-800': 'var(--color-slate-800)',
'slate-850': 'var(--color-slate-850)',
'slate-900': 'var(--color-slate-900)',
'slate-950': 'var(--color-slate-950)',
'slate-980': 'var(--color-slate-980)',
'slate-1000': 'var(--color-slate-1000)',
'font-default': 'var(--color-font-default)',
'font-highlighted': 'var(--color-font-highlighted)',
'font-disabled': 'var(--color-font-disabled)',
'border-default': 'var(--color-border-default)',
blue: 'var(--color-blue)',
'blue-dark-1': 'var(--color-blue-dark-1)',
'blue-dark-2': 'var(--color-blue-dark-2)',
'blue-dark-3': 'var(--color-blue-dark-3)',
'blue-dark-4': 'var(--color-blue-dark-4)',
'blue-light-1': 'var(--color-blue-light-1)',
'blue-light-2': 'var(--color-blue-light-2)',
'blue-light-3': 'var(--color-blue-light-3)',
'blue-light-4': 'var(--color-blue-light-4)',
purple: 'var(--color-purple)',
'purple-dark-1': 'var(--color-purple-dark-1)',
'purple-dark-2': 'var(--color-purple-dark-2)',
'purple-dark-3': 'var(--color-purple-dark-3)',
'purple-dark-4': 'var(--color-purple-dark-4)',
'purple-light-1': 'var(--color-purple-light-1)',
'purple-light-2': 'var(--color-purple-light-2)',
'purple-light-3': 'var(--color-purple-light-3)',
'purple-light-4': 'var(--color-purple-light-4)',
pink: 'var(--color-pink)',
'pink-dark-1': 'var(--color-pink-dark-1)',
'pink-dark-2': 'var(--color-pink-dark-2)',
'pink-dark-3': 'var(--color-pink-dark-3)',
'pink-dark-4': 'var(--color-pink-dark-4)',
'pink-light-1': 'var(--color-pink-light-1)',
'pink-light-2': 'var(--color-pink-light-2)',
'pink-light-3': 'var(--color-pink-light-3)',
'pink-light-4': 'var(--color-pink-light-4)',
green: 'var(--color-green)',
'green-dark-1': 'var(--color-green-dark-1)',
'green-dark-2': 'var(--color-green-dark-2)',
'green-dark-3': 'var(--color-green-dark-3)',
'green-dark-4': 'var(--color-green-dark-4)',
'green-light-1': 'var(--color-green-light-1)',
'green-light-2': 'var(--color-green-light-2)',
'green-light-3': 'var(--color-green-light-3)',
'green-light-4': 'var(--color-green-light-4)',
'green-vote': '#2cc294',
yellow: 'var(--color-yellow)',
'yellow-dark-1': 'var(--color-yellow-dark-1)',
'yellow-dark-2': 'var(--color-yellow-dark-2)',
'yellow-dark-3': 'var(--color-yellow-dark-3)',
'yellow-dark-4': 'var(--color-yellow-dark-4)',
'yellow-light-1': 'var(--color-yellow-light-1)',
'yellow-light-2': 'var(--color-yellow-light-2)',
'yellow-light-3': 'var(--color-yellow-light-3)',
'yellow-light-4': 'var(--color-yellow-light-4)',
orange: 'var(--color-orange)',
'orange-dark-1': 'var(--color-orange-dark-1)',
'orange-dark-2': 'var(--color-orange-dark-2)',
'orange-dark-3': 'var(--color-orange-dark-3)',
'orange-dark-4': 'var(--color-orange-dark-4)',
'orange-light-1': 'var(--color-orange-light-1)',
'orange-light-2': 'var(--color-orange-light-2)',
'orange-light-3': 'var(--color-orange-light-3)',
'orange-light-4': 'var(--color-orange-light-4)',
red: 'var(--color-red)',
'red-dark-1': 'var(--color-red-dark-1)',
'red-dark-2': 'var(--color-red-dark-2)',
'red-dark-3': 'var(--color-red-dark-3)',
'red-dark-4': 'var(--color-red-dark-4)',
'red-light-1': 'var(--color-red-light-1)',
'red-light-2': 'var(--color-red-light-2)',
'red-light-3': 'var(--color-red-light-3)',
'red-light-4': 'var(--color-red-light-4)',
navy: 'var(--color-navy)',
'navy-dark-1': 'var(--color-navy-dark-1)',
'navy-dark-2': 'var(--color-navy-dark-2)',
'navy-dark-3': 'var(--color-navy-dark-3)',
'navy-dark-4': 'var(--color-navy-dark-4)',
'navy-light-1': 'var(--color-navy-light-1)',
'navy-light-2': 'var(--color-navy-light-2)',
'navy-light-3': 'var(--color-navy-light-3)',
'navy-light-4': 'var(--color-navy-light-4)',
'black-700': 'var(--color-black-700)',
'black-600': 'var(--color-black-600)',
'black-500': 'var(--color-black-500)',
'black-400': 'var(--color-black-400)',
'black-300': 'var(--color-black-300)',
'black-200': 'var(--color-black-200)',
'black-100': 'var(--color-black-100)',
'gray-50': 'var(--color-gray-50)',
'gray-100': 'var(--color-gray-100)',
'gray-200': 'var(--color-gray-200)',
'gray-300': 'var(--color-gray-300)',
'gray-400': 'var(--color-gray-400)',
'gray-500': 'var(--color-gray-500)',
'gray-600': 'var(--color-gray-600)',
'gray-650': 'var(--color-gray-650)',
'gray-700': 'var(--color-gray-700)',
'gray-800': 'var(--color-gray-800)',
'gray-900': 'var(--color-gray-900)',
'red-700': 'var(--color-red-700)',
'red-600': 'var(--color-red-600)',
'red-500': 'var(--color-red-500)',
'red-400': 'var(--color-red-400)',
'red-300': 'var(--color-red-300)',
'red-200': 'var(--color-red-200)',
'red-100': 'var(--color-red-100)',
disabled: 'var(--color-disabled)',
'disabled-2': 'var(--color-disabled-2)',
overlay: 'var(--color-overlay-bg)',
primary: 'var(--color-primary)',
'dark-blue': 'var(--color-dark-blue)',
},
borderRadius: {
'2lg': '0.625rem',
},
boxShadow: {
card: '0px 14px 14px rgba(0, 0, 0, 0.25);',
},
container: {
center: true,
padding: '1rem',
},
minWidth: {
'button-sm': '3.31rem',
'button-md': '5.5rem',
'button-lg': '13rem',
},
zIndex: {
99: '99',
100: '100',
999: '999',
},
},
},
plugins: [],
};