-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathtailwind.config.js
226 lines (194 loc) · 10.5 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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
const defaultTheme = require("tailwindcss/defaultTheme");
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: "class",
future: {
hoverOnlyWhenSupported: true,
},
content: [
"./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php",
"./storage/framework/views/*.php",
"./resources/views/**/*.blade.php",
"./resources/js/**/*.tsx",
"./resources/js/**/*.ts",
"./resources/images/**/*.svg",
"./stories/**/*.tsx",
"./stories/**/*.mdx",
"./stories/**/*.css",
],
theme: {
extend: {
screens: {
xs: "375px",
"md-lg": "960px",
"2xl": "1440px",
},
fontFamily: {
sans: ["Ubuntu", ...defaultTheme.fontFamily.sans],
},
lineHeight: {
4.5: "1.125rem",
5.5: "1.375rem",
},
boxShadow: {
"3xl": "0px 48px 64px -36px rgba(49, 51, 63, 0.13), 0px 24px 48px -8px rgba(49, 51, 63, 0.11)",
dialog: "0px 2px 6px rgba(33, 34, 37, 0.06), 0px 32px 41px -23px rgba(33, 34, 37, 0.07)",
dropdown: "0px 2px 4px -2px rgba(49, 51, 63, 0.06), 0px 4px 8px -2px rgba(49, 51, 63, 0.1)",
"carousel-button-light":
"0px 1px 3px 0px rgba(33, 42, 131, 0.10), 0px 6px 6px 0px rgba(33, 42, 131, 0.09), -1px 13px 8px 0px rgba(33, 42, 131, 0.05), -2px 22px 9px 0px rgba(33, 42, 131, 0.01), -3px 35px 10px 0px rgba(33, 42, 131, 0.00)",
"carousel-button-dark": "0px 15px 35px 0px rgba(18, 18, 19, 0.40)",
},
borderRadius: {
"2.5xl": "1.375rem",
},
borderWidth: {
3: "3px",
},
opacity: {
15: ".15",
},
outlineWidth: {
3: "3px",
},
width: {
1.25: "0.313rem",
15: "3.75rem",
25: "6.25rem",
28.5: "7.125rem",
30: "7.5rem",
},
minWidth: {
md: "28rem",
},
maxWidth: {
"site-content": "90rem",
content: "86rem",
23: "5.75rem",
32: "8rem",
36: "9rem",
},
height: {
1.25: "0.313rem",
5.5: "1.375rem",
6.5: "1.625rem",
7.5: "1.875rem",
15: "3.75rem",
21: "5.25rem",
30: "7.5rem",
50: "12.5rem",
},
margin: {
px: "1px",
},
rounded: {
"3xl": "1.25rem",
},
backgroundSize: {
500: "500px",
1000: "1000px",
"200%": "200%",
},
animation: {
"move-bg": "move-bg 15s infinite linear",
},
keyframes: {
"move-bg": {
"0%": { backgroundPosition: 0 },
"100%": { backgroundPosition: "500px" },
},
},
spacing: {
18: "4.5rem",
},
},
colors: {
black: "rgb(var(--theme-color-black) / <alpha-value>)",
white: "rgb(var(--theme-color-white) / <alpha-value>)",
transparent: "transparent",
// Tailwind overrides
"theme-primary-50": "rgb(var(--theme-color-primary-50) / <alpha-value>)",
"theme-primary-100": "rgb(var(--theme-color-primary-100) / <alpha-value>)",
"theme-primary-200": "rgb(var(--theme-color-primary-200) / <alpha-value>)",
"theme-primary-300": "rgb(var(--theme-color-primary-300) / <alpha-value>)",
"theme-primary-400": "rgb(var(--theme-color-primary-400) / <alpha-value>)",
"theme-primary-500": "rgb(var(--theme-color-primary-500) / <alpha-value>)",
"theme-primary-600": "rgb(var(--theme-color-primary-600) / <alpha-value>)",
"theme-primary-700": "rgb(var(--theme-color-primary-700) / <alpha-value>)",
"theme-primary-800": "rgb(var(--theme-color-primary-800) / <alpha-value>)",
"theme-primary-900": "rgb(var(--theme-color-primary-900) / <alpha-value>)",
"theme-secondary-50": "rgb(var(--theme-color-secondary-50) / <alpha-value>)",
"theme-secondary-100": "rgb(var(--theme-color-secondary-100) / <alpha-value>)",
"theme-secondary-200": "rgb(var(--theme-color-secondary-200) / <alpha-value>)",
"theme-secondary-300": "rgb(var(--theme-color-secondary-300) / <alpha-value>)",
"theme-secondary-400": "rgb(var(--theme-color-secondary-400) / <alpha-value>)",
"theme-secondary-500": "rgb(var(--theme-color-secondary-500) / <alpha-value>)",
"theme-secondary-600": "rgb(var(--theme-color-secondary-600) / <alpha-value>)",
"theme-secondary-700": "rgb(var(--theme-color-secondary-700) / <alpha-value>)",
"theme-secondary-800": "rgb(var(--theme-color-secondary-800) / <alpha-value>)",
"theme-secondary-900": "rgb(var(--theme-color-secondary-900) / <alpha-value>)",
"theme-dark-50": "rgb(var(--theme-color-dark-50) / <alpha-value>)",
"theme-dark-100": "rgb(var(--theme-color-dark-100) / <alpha-value>)",
"theme-dark-200": "rgb(var(--theme-color-dark-200) / <alpha-value>)",
"theme-dark-300": "rgb(var(--theme-color-dark-300) / <alpha-value>)",
"theme-dark-400": "rgb(var(--theme-color-dark-400) / <alpha-value>)",
"theme-dark-500": "rgb(var(--theme-color-dark-500) / <alpha-value>)",
"theme-dark-600": "rgb(var(--theme-color-dark-600) / <alpha-value>)",
"theme-dark-700": "rgb(var(--theme-color-dark-700) / <alpha-value>)",
"theme-dark-800": "rgb(var(--theme-color-dark-800) / <alpha-value>)",
"theme-dark-900": "rgb(var(--theme-color-dark-900) / <alpha-value>)",
"theme-dark-950": "rgb(var(--theme-color-dark-950) / <alpha-value>)",
"theme-danger-50": "rgb(var(--theme-color-danger-50) / <alpha-value>)",
"theme-danger-100": "rgb(var(--theme-color-danger-100) / <alpha-value>)",
"theme-danger-200": "rgb(var(--theme-color-danger-200) / <alpha-value>)",
"theme-danger-300": "rgb(var(--theme-color-danger-300) / <alpha-value>)",
"theme-danger-400": "rgb(var(--theme-color-danger-400) / <alpha-value>)",
"theme-danger-500": "rgb(var(--theme-color-danger-500) / <alpha-value>)",
"theme-danger-600": "rgb(var(--theme-color-danger-600) / <alpha-value>)",
"theme-danger-700": "rgb(var(--theme-color-danger-700) / <alpha-value>)",
"theme-danger-800": "rgb(var(--theme-color-danger-800) / <alpha-value>)",
"theme-danger-900": "rgb(var(--theme-color-danger-900) / <alpha-value>)",
"theme-warning-50": "rgb(var(--theme-color-warning-50) / <alpha-value>)",
"theme-warning-100": "rgb(var(--theme-color-warning-100) / <alpha-value>)",
"theme-warning-200": "rgb(var(--theme-color-warning-200) / <alpha-value>)",
"theme-warning-300": "rgb(var(--theme-color-warning-300) / <alpha-value>)",
"theme-warning-400": "rgb(var(--theme-color-warning-400) / <alpha-value>)",
"theme-warning-500": "rgb(var(--theme-color-warning-500) / <alpha-value>)",
"theme-warning-600": "rgb(var(--theme-color-warning-600) / <alpha-value>)",
"theme-warning-700": "rgb(var(--theme-color-warning-700) / <alpha-value>)",
"theme-warning-800": "rgb(var(--theme-color-warning-800) / <alpha-value>)",
"theme-warning-900": "rgb(var(--theme-color-warning-900) / <alpha-value>)",
"theme-success-50": "rgb(var(--theme-color-success-50) / <alpha-value>)",
"theme-success-100": "rgb(var(--theme-color-success-100) / <alpha-value>)",
"theme-success-200": "rgb(var(--theme-color-success-200) / <alpha-value>)",
"theme-success-300": "rgb(var(--theme-color-success-300) / <alpha-value>)",
"theme-success-400": "rgb(var(--theme-color-success-400) / <alpha-value>)",
"theme-success-500": "rgb(var(--theme-color-success-500) / <alpha-value>)",
"theme-success-600": "rgb(var(--theme-color-success-600) / <alpha-value>)",
"theme-success-700": "rgb(var(--theme-color-success-700) / <alpha-value>)",
"theme-success-800": "rgb(var(--theme-color-success-800) / <alpha-value>)",
"theme-success-900": "rgb(var(--theme-color-success-900) / <alpha-value>)",
"theme-info-50": "rgb(var(--theme-color-info-50) / <alpha-value>)",
"theme-info-100": "rgb(var(--theme-color-info-100) / <alpha-value>)",
"theme-info-200": "rgb(var(--theme-color-info-200) / <alpha-value>)",
"theme-info-300": "rgb(var(--theme-color-info-300) / <alpha-value>)",
"theme-info-400": "rgb(var(--theme-color-info-400) / <alpha-value>)",
"theme-info-500": "rgb(var(--theme-color-info-500) / <alpha-value>)",
"theme-info-600": "rgb(var(--theme-color-info-600) / <alpha-value>)",
"theme-info-700": "rgb(var(--theme-color-info-700) / <alpha-value>)",
"theme-info-800": "rgb(var(--theme-color-info-800) / <alpha-value>)",
"theme-info-900": "rgb(var(--theme-color-info-900) / <alpha-value>)",
"theme-hint-50": "rgb(var(--theme-color-hint-50) / <alpha-value>)",
"theme-hint-100": "rgb(var(--theme-color-hint-100) / <alpha-value>)",
"theme-hint-200": "rgb(var(--theme-color-hint-200) / <alpha-value>)",
"theme-hint-300": "rgb(var(--theme-color-hint-300) / <alpha-value>)",
"theme-hint-400": "rgb(var(--theme-color-hint-400) / <alpha-value>)",
"theme-hint-500": "rgb(var(--theme-color-hint-500) / <alpha-value>)",
"theme-hint-600": "rgb(var(--theme-color-hint-600) / <alpha-value>)",
"theme-hint-700": "rgb(var(--theme-color-hint-700) / <alpha-value>)",
"theme-hint-800": "rgb(var(--theme-color-hint-800) / <alpha-value>)",
"theme-hint-900": "rgb(var(--theme-color-hint-900) / <alpha-value>)",
"theme-vote-background": "rgba(var(--theme-color-vote-background) / <alpha-value>)",
},
},
plugins: [require("@tailwindcss/forms")],
};