1 | const colors = require('../colors')
|
2 |
|
3 | module.exports = {
|
4 | purge: [],
|
5 | presets: [],
|
6 | darkMode: false,
|
7 | theme: {
|
8 | screens: {
|
9 | sm: '640px',
|
10 | md: '768px',
|
11 | lg: '1024px',
|
12 | xl: '1280px',
|
13 | '2xl': '1536px',
|
14 | },
|
15 | colors: {
|
16 | transparent: 'transparent',
|
17 | current: 'currentColor',
|
18 |
|
19 | black: colors.black,
|
20 | white: colors.white,
|
21 | gray: colors.coolGray,
|
22 | red: colors.red,
|
23 | yellow: colors.amber,
|
24 | green: colors.emerald,
|
25 | blue: colors.blue,
|
26 | indigo: colors.indigo,
|
27 | purple: colors.violet,
|
28 | pink: colors.pink,
|
29 | },
|
30 | spacing: {
|
31 | px: '1px',
|
32 | 0: '0px',
|
33 | 0.5: '0.125rem',
|
34 | 1: '0.25rem',
|
35 | 1.5: '0.375rem',
|
36 | 2: '0.5rem',
|
37 | 2.5: '0.625rem',
|
38 | 3: '0.75rem',
|
39 | 3.5: '0.875rem',
|
40 | 4: '1rem',
|
41 | 5: '1.25rem',
|
42 | 6: '1.5rem',
|
43 | 7: '1.75rem',
|
44 | 8: '2rem',
|
45 | 9: '2.25rem',
|
46 | 10: '2.5rem',
|
47 | 11: '2.75rem',
|
48 | 12: '3rem',
|
49 | 14: '3.5rem',
|
50 | 16: '4rem',
|
51 | 20: '5rem',
|
52 | 24: '6rem',
|
53 | 28: '7rem',
|
54 | 32: '8rem',
|
55 | 36: '9rem',
|
56 | 40: '10rem',
|
57 | 44: '11rem',
|
58 | 48: '12rem',
|
59 | 52: '13rem',
|
60 | 56: '14rem',
|
61 | 60: '15rem',
|
62 | 64: '16rem',
|
63 | 72: '18rem',
|
64 | 80: '20rem',
|
65 | 96: '24rem',
|
66 | },
|
67 | animation: {
|
68 | none: 'none',
|
69 | spin: 'spin 1s linear infinite',
|
70 | ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
|
71 | pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
|
72 | bounce: 'bounce 1s infinite',
|
73 | },
|
74 | backdropBlur: (theme) => theme('blur'),
|
75 | backdropBrightness: (theme) => theme('brightness'),
|
76 | backdropContrast: (theme) => theme('contrast'),
|
77 | backdropGrayscale: (theme) => theme('grayscale'),
|
78 | backdropHueRotate: (theme) => theme('hueRotate'),
|
79 | backdropInvert: (theme) => theme('invert'),
|
80 | backdropOpacity: (theme) => theme('opacity'),
|
81 | backdropSaturate: (theme) => theme('saturate'),
|
82 | backdropSepia: (theme) => theme('sepia'),
|
83 | backgroundColor: (theme) => theme('colors'),
|
84 | backgroundImage: {
|
85 | none: 'none',
|
86 | 'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
|
87 | 'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
|
88 | 'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
|
89 | 'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
|
90 | 'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
|
91 | 'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
|
92 | 'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
|
93 | 'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
|
94 | },
|
95 | backgroundOpacity: (theme) => theme('opacity'),
|
96 | backgroundPosition: {
|
97 | bottom: 'bottom',
|
98 | center: 'center',
|
99 | left: 'left',
|
100 | 'left-bottom': 'left bottom',
|
101 | 'left-top': 'left top',
|
102 | right: 'right',
|
103 | 'right-bottom': 'right bottom',
|
104 | 'right-top': 'right top',
|
105 | top: 'top',
|
106 | },
|
107 | backgroundSize: {
|
108 | auto: 'auto',
|
109 | cover: 'cover',
|
110 | contain: 'contain',
|
111 | },
|
112 | blur: {
|
113 | 0: '0',
|
114 | sm: '4px',
|
115 | DEFAULT: '8px',
|
116 | md: '12px',
|
117 | lg: '16px',
|
118 | xl: '24px',
|
119 | '2xl': '40px',
|
120 | '3xl': '64px',
|
121 | },
|
122 | brightness: {
|
123 | 0: '0',
|
124 | 50: '.5',
|
125 | 75: '.75',
|
126 | 90: '.9',
|
127 | 95: '.95',
|
128 | 100: '1',
|
129 | 105: '1.05',
|
130 | 110: '1.1',
|
131 | 125: '1.25',
|
132 | 150: '1.5',
|
133 | 200: '2',
|
134 | },
|
135 | borderColor: (theme) => ({
|
136 | ...theme('colors'),
|
137 | DEFAULT: theme('colors.gray.200', 'currentColor'),
|
138 | }),
|
139 | borderOpacity: (theme) => theme('opacity'),
|
140 | borderRadius: {
|
141 | none: '0px',
|
142 | sm: '0.125rem',
|
143 | DEFAULT: '0.25rem',
|
144 | md: '0.375rem',
|
145 | lg: '0.5rem',
|
146 | xl: '0.75rem',
|
147 | '2xl': '1rem',
|
148 | '3xl': '1.5rem',
|
149 | full: '9999px',
|
150 | },
|
151 | borderWidth: {
|
152 | DEFAULT: '1px',
|
153 | 0: '0px',
|
154 | 2: '2px',
|
155 | 4: '4px',
|
156 | 8: '8px',
|
157 | },
|
158 | boxShadow: {
|
159 | sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
|
160 | DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
|
161 | md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
|
162 | lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
|
163 | xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
|
164 | '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',
|
165 | inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)',
|
166 | none: 'none',
|
167 | },
|
168 | contrast: {
|
169 | 0: '0',
|
170 | 50: '.5',
|
171 | 75: '.75',
|
172 | 100: '1',
|
173 | 125: '1.25',
|
174 | 150: '1.5',
|
175 | 200: '2',
|
176 | },
|
177 | container: {},
|
178 | cursor: {
|
179 | auto: 'auto',
|
180 | default: 'default',
|
181 | pointer: 'pointer',
|
182 | wait: 'wait',
|
183 | text: 'text',
|
184 | move: 'move',
|
185 | help: 'help',
|
186 | 'not-allowed': 'not-allowed',
|
187 | },
|
188 | divideColor: (theme) => theme('borderColor'),
|
189 | divideOpacity: (theme) => theme('borderOpacity'),
|
190 | divideWidth: (theme) => theme('borderWidth'),
|
191 | dropShadow: {
|
192 | sm: '0 1px 1px rgba(0,0,0,0.05)',
|
193 | DEFAULT: ['0 1px 2px rgba(0, 0, 0, 0.1)', '0 1px 1px rgba(0, 0, 0, 0.06)'],
|
194 | md: ['0 4px 3px rgba(0, 0, 0, 0.07)', '0 2px 2px rgba(0, 0, 0, 0.06)'],
|
195 | lg: ['0 10px 8px rgba(0, 0, 0, 0.04)', '0 4px 3px rgba(0, 0, 0, 0.1)'],
|
196 | xl: ['0 20px 13px rgba(0, 0, 0, 0.03)', '0 8px 5px rgba(0, 0, 0, 0.08)'],
|
197 | '2xl': '0 25px 25px rgba(0, 0, 0, 0.15)',
|
198 | none: '0 0 #0000',
|
199 | },
|
200 | fill: { current: 'currentColor' },
|
201 | grayscale: {
|
202 | 0: '0',
|
203 | DEFAULT: '100%',
|
204 | },
|
205 | hueRotate: {
|
206 | '-180': '-180deg',
|
207 | '-90': '-90deg',
|
208 | '-60': '-60deg',
|
209 | '-30': '-30deg',
|
210 | '-15': '-15deg',
|
211 | 0: '0deg',
|
212 | 15: '15deg',
|
213 | 30: '30deg',
|
214 | 60: '60deg',
|
215 | 90: '90deg',
|
216 | 180: '180deg',
|
217 | },
|
218 | invert: {
|
219 | 0: '0',
|
220 | DEFAULT: '100%',
|
221 | },
|
222 | flex: {
|
223 | 1: '1 1 0%',
|
224 | auto: '1 1 auto',
|
225 | initial: '0 1 auto',
|
226 | none: 'none',
|
227 | },
|
228 | flexGrow: {
|
229 | 0: '0',
|
230 | DEFAULT: '1',
|
231 | },
|
232 | flexShrink: {
|
233 | 0: '0',
|
234 | DEFAULT: '1',
|
235 | },
|
236 | fontFamily: {
|
237 | sans: [
|
238 | 'ui-sans-serif',
|
239 | 'system-ui',
|
240 | '-apple-system',
|
241 | 'BlinkMacSystemFont',
|
242 | '"Segoe UI"',
|
243 | 'Roboto',
|
244 | '"Helvetica Neue"',
|
245 | 'Arial',
|
246 | '"Noto Sans"',
|
247 | 'sans-serif',
|
248 | '"Apple Color Emoji"',
|
249 | '"Segoe UI Emoji"',
|
250 | '"Segoe UI Symbol"',
|
251 | '"Noto Color Emoji"',
|
252 | ],
|
253 | serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
|
254 | mono: [
|
255 | 'ui-monospace',
|
256 | 'SFMono-Regular',
|
257 | 'Menlo',
|
258 | 'Monaco',
|
259 | 'Consolas',
|
260 | '"Liberation Mono"',
|
261 | '"Courier New"',
|
262 | 'monospace',
|
263 | ],
|
264 | },
|
265 | fontSize: {
|
266 | xs: ['0.75rem', { lineHeight: '1rem' }],
|
267 | sm: ['0.875rem', { lineHeight: '1.25rem' }],
|
268 | base: ['1rem', { lineHeight: '1.5rem' }],
|
269 | lg: ['1.125rem', { lineHeight: '1.75rem' }],
|
270 | xl: ['1.25rem', { lineHeight: '1.75rem' }],
|
271 | '2xl': ['1.5rem', { lineHeight: '2rem' }],
|
272 | '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
|
273 | '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
|
274 | '5xl': ['3rem', { lineHeight: '1' }],
|
275 | '6xl': ['3.75rem', { lineHeight: '1' }],
|
276 | '7xl': ['4.5rem', { lineHeight: '1' }],
|
277 | '8xl': ['6rem', { lineHeight: '1' }],
|
278 | '9xl': ['8rem', { lineHeight: '1' }],
|
279 | },
|
280 | fontWeight: {
|
281 | thin: '100',
|
282 | extralight: '200',
|
283 | light: '300',
|
284 | normal: '400',
|
285 | medium: '500',
|
286 | semibold: '600',
|
287 | bold: '700',
|
288 | extrabold: '800',
|
289 | black: '900',
|
290 | },
|
291 | gap: (theme) => theme('spacing'),
|
292 | gradientColorStops: (theme) => theme('colors'),
|
293 | gridAutoColumns: {
|
294 | auto: 'auto',
|
295 | min: 'min-content',
|
296 | max: 'max-content',
|
297 | fr: 'minmax(0, 1fr)',
|
298 | },
|
299 | gridAutoRows: {
|
300 | auto: 'auto',
|
301 | min: 'min-content',
|
302 | max: 'max-content',
|
303 | fr: 'minmax(0, 1fr)',
|
304 | },
|
305 | gridColumn: {
|
306 | auto: 'auto',
|
307 | 'span-1': 'span 1 / span 1',
|
308 | 'span-2': 'span 2 / span 2',
|
309 | 'span-3': 'span 3 / span 3',
|
310 | 'span-4': 'span 4 / span 4',
|
311 | 'span-5': 'span 5 / span 5',
|
312 | 'span-6': 'span 6 / span 6',
|
313 | 'span-7': 'span 7 / span 7',
|
314 | 'span-8': 'span 8 / span 8',
|
315 | 'span-9': 'span 9 / span 9',
|
316 | 'span-10': 'span 10 / span 10',
|
317 | 'span-11': 'span 11 / span 11',
|
318 | 'span-12': 'span 12 / span 12',
|
319 | 'span-full': '1 / -1',
|
320 | },
|
321 | gridColumnEnd: {
|
322 | auto: 'auto',
|
323 | 1: '1',
|
324 | 2: '2',
|
325 | 3: '3',
|
326 | 4: '4',
|
327 | 5: '5',
|
328 | 6: '6',
|
329 | 7: '7',
|
330 | 8: '8',
|
331 | 9: '9',
|
332 | 10: '10',
|
333 | 11: '11',
|
334 | 12: '12',
|
335 | 13: '13',
|
336 | },
|
337 | gridColumnStart: {
|
338 | auto: 'auto',
|
339 | 1: '1',
|
340 | 2: '2',
|
341 | 3: '3',
|
342 | 4: '4',
|
343 | 5: '5',
|
344 | 6: '6',
|
345 | 7: '7',
|
346 | 8: '8',
|
347 | 9: '9',
|
348 | 10: '10',
|
349 | 11: '11',
|
350 | 12: '12',
|
351 | 13: '13',
|
352 | },
|
353 | gridRow: {
|
354 | auto: 'auto',
|
355 | 'span-1': 'span 1 / span 1',
|
356 | 'span-2': 'span 2 / span 2',
|
357 | 'span-3': 'span 3 / span 3',
|
358 | 'span-4': 'span 4 / span 4',
|
359 | 'span-5': 'span 5 / span 5',
|
360 | 'span-6': 'span 6 / span 6',
|
361 | 'span-full': '1 / -1',
|
362 | },
|
363 | gridRowStart: {
|
364 | auto: 'auto',
|
365 | 1: '1',
|
366 | 2: '2',
|
367 | 3: '3',
|
368 | 4: '4',
|
369 | 5: '5',
|
370 | 6: '6',
|
371 | 7: '7',
|
372 | },
|
373 | gridRowEnd: {
|
374 | auto: 'auto',
|
375 | 1: '1',
|
376 | 2: '2',
|
377 | 3: '3',
|
378 | 4: '4',
|
379 | 5: '5',
|
380 | 6: '6',
|
381 | 7: '7',
|
382 | },
|
383 | gridTemplateColumns: {
|
384 | none: 'none',
|
385 | 1: 'repeat(1, minmax(0, 1fr))',
|
386 | 2: 'repeat(2, minmax(0, 1fr))',
|
387 | 3: 'repeat(3, minmax(0, 1fr))',
|
388 | 4: 'repeat(4, minmax(0, 1fr))',
|
389 | 5: 'repeat(5, minmax(0, 1fr))',
|
390 | 6: 'repeat(6, minmax(0, 1fr))',
|
391 | 7: 'repeat(7, minmax(0, 1fr))',
|
392 | 8: 'repeat(8, minmax(0, 1fr))',
|
393 | 9: 'repeat(9, minmax(0, 1fr))',
|
394 | 10: 'repeat(10, minmax(0, 1fr))',
|
395 | 11: 'repeat(11, minmax(0, 1fr))',
|
396 | 12: 'repeat(12, minmax(0, 1fr))',
|
397 | },
|
398 | gridTemplateRows: {
|
399 | none: 'none',
|
400 | 1: 'repeat(1, minmax(0, 1fr))',
|
401 | 2: 'repeat(2, minmax(0, 1fr))',
|
402 | 3: 'repeat(3, minmax(0, 1fr))',
|
403 | 4: 'repeat(4, minmax(0, 1fr))',
|
404 | 5: 'repeat(5, minmax(0, 1fr))',
|
405 | 6: 'repeat(6, minmax(0, 1fr))',
|
406 | },
|
407 | height: (theme) => ({
|
408 | auto: 'auto',
|
409 | ...theme('spacing'),
|
410 | '1/2': '50%',
|
411 | '1/3': '33.333333%',
|
412 | '2/3': '66.666667%',
|
413 | '1/4': '25%',
|
414 | '2/4': '50%',
|
415 | '3/4': '75%',
|
416 | '1/5': '20%',
|
417 | '2/5': '40%',
|
418 | '3/5': '60%',
|
419 | '4/5': '80%',
|
420 | '1/6': '16.666667%',
|
421 | '2/6': '33.333333%',
|
422 | '3/6': '50%',
|
423 | '4/6': '66.666667%',
|
424 | '5/6': '83.333333%',
|
425 | full: '100%',
|
426 | screen: '100vh',
|
427 | }),
|
428 | inset: (theme, { negative }) => ({
|
429 | auto: 'auto',
|
430 | ...theme('spacing'),
|
431 | ...negative(theme('spacing')),
|
432 | '1/2': '50%',
|
433 | '1/3': '33.333333%',
|
434 | '2/3': '66.666667%',
|
435 | '1/4': '25%',
|
436 | '2/4': '50%',
|
437 | '3/4': '75%',
|
438 | full: '100%',
|
439 | '-1/2': '-50%',
|
440 | '-1/3': '-33.333333%',
|
441 | '-2/3': '-66.666667%',
|
442 | '-1/4': '-25%',
|
443 | '-2/4': '-50%',
|
444 | '-3/4': '-75%',
|
445 | '-full': '-100%',
|
446 | }),
|
447 | keyframes: {
|
448 | spin: {
|
449 | to: {
|
450 | transform: 'rotate(360deg)',
|
451 | },
|
452 | },
|
453 | ping: {
|
454 | '75%, 100%': {
|
455 | transform: 'scale(2)',
|
456 | opacity: '0',
|
457 | },
|
458 | },
|
459 | pulse: {
|
460 | '50%': {
|
461 | opacity: '.5',
|
462 | },
|
463 | },
|
464 | bounce: {
|
465 | '0%, 100%': {
|
466 | transform: 'translateY(-25%)',
|
467 | animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
|
468 | },
|
469 | '50%': {
|
470 | transform: 'none',
|
471 | animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
|
472 | },
|
473 | },
|
474 | },
|
475 | letterSpacing: {
|
476 | tighter: '-0.05em',
|
477 | tight: '-0.025em',
|
478 | normal: '0em',
|
479 | wide: '0.025em',
|
480 | wider: '0.05em',
|
481 | widest: '0.1em',
|
482 | },
|
483 | lineHeight: {
|
484 | none: '1',
|
485 | tight: '1.25',
|
486 | snug: '1.375',
|
487 | normal: '1.5',
|
488 | relaxed: '1.625',
|
489 | loose: '2',
|
490 | 3: '.75rem',
|
491 | 4: '1rem',
|
492 | 5: '1.25rem',
|
493 | 6: '1.5rem',
|
494 | 7: '1.75rem',
|
495 | 8: '2rem',
|
496 | 9: '2.25rem',
|
497 | 10: '2.5rem',
|
498 | },
|
499 | listStyleType: {
|
500 | none: 'none',
|
501 | disc: 'disc',
|
502 | decimal: 'decimal',
|
503 | },
|
504 | margin: (theme, { negative }) => ({
|
505 | auto: 'auto',
|
506 | ...theme('spacing'),
|
507 | ...negative(theme('spacing')),
|
508 | }),
|
509 | maxHeight: (theme) => ({
|
510 | ...theme('spacing'),
|
511 | full: '100%',
|
512 | screen: '100vh',
|
513 | }),
|
514 | maxWidth: (theme, { breakpoints }) => ({
|
515 | none: 'none',
|
516 | 0: '0rem',
|
517 | xs: '20rem',
|
518 | sm: '24rem',
|
519 | md: '28rem',
|
520 | lg: '32rem',
|
521 | xl: '36rem',
|
522 | '2xl': '42rem',
|
523 | '3xl': '48rem',
|
524 | '4xl': '56rem',
|
525 | '5xl': '64rem',
|
526 | '6xl': '72rem',
|
527 | '7xl': '80rem',
|
528 | full: '100%',
|
529 | min: 'min-content',
|
530 | max: 'max-content',
|
531 | prose: '65ch',
|
532 | ...breakpoints(theme('screens')),
|
533 | }),
|
534 | minHeight: {
|
535 | 0: '0px',
|
536 | full: '100%',
|
537 | screen: '100vh',
|
538 | },
|
539 | minWidth: {
|
540 | 0: '0px',
|
541 | full: '100%',
|
542 | min: 'min-content',
|
543 | max: 'max-content',
|
544 | },
|
545 | objectPosition: {
|
546 | bottom: 'bottom',
|
547 | center: 'center',
|
548 | left: 'left',
|
549 | 'left-bottom': 'left bottom',
|
550 | 'left-top': 'left top',
|
551 | right: 'right',
|
552 | 'right-bottom': 'right bottom',
|
553 | 'right-top': 'right top',
|
554 | top: 'top',
|
555 | },
|
556 | opacity: {
|
557 | 0: '0',
|
558 | 5: '0.05',
|
559 | 10: '0.1',
|
560 | 20: '0.2',
|
561 | 25: '0.25',
|
562 | 30: '0.3',
|
563 | 40: '0.4',
|
564 | 50: '0.5',
|
565 | 60: '0.6',
|
566 | 70: '0.7',
|
567 | 75: '0.75',
|
568 | 80: '0.8',
|
569 | 90: '0.9',
|
570 | 95: '0.95',
|
571 | 100: '1',
|
572 | },
|
573 | order: {
|
574 | first: '-9999',
|
575 | last: '9999',
|
576 | none: '0',
|
577 | 1: '1',
|
578 | 2: '2',
|
579 | 3: '3',
|
580 | 4: '4',
|
581 | 5: '5',
|
582 | 6: '6',
|
583 | 7: '7',
|
584 | 8: '8',
|
585 | 9: '9',
|
586 | 10: '10',
|
587 | 11: '11',
|
588 | 12: '12',
|
589 | },
|
590 | outline: {
|
591 | none: ['2px solid transparent', '2px'],
|
592 | white: ['2px dotted white', '2px'],
|
593 | black: ['2px dotted black', '2px'],
|
594 | },
|
595 | padding: (theme) => theme('spacing'),
|
596 | placeholderColor: (theme) => theme('colors'),
|
597 | placeholderOpacity: (theme) => theme('opacity'),
|
598 | ringColor: (theme) => ({
|
599 | DEFAULT: theme('colors.blue.500', '#3b82f6'),
|
600 | ...theme('colors'),
|
601 | }),
|
602 | ringOffsetColor: (theme) => theme('colors'),
|
603 | ringOffsetWidth: {
|
604 | 0: '0px',
|
605 | 1: '1px',
|
606 | 2: '2px',
|
607 | 4: '4px',
|
608 | 8: '8px',
|
609 | },
|
610 | ringOpacity: (theme) => ({
|
611 | DEFAULT: '0.5',
|
612 | ...theme('opacity'),
|
613 | }),
|
614 | ringWidth: {
|
615 | DEFAULT: '3px',
|
616 | 0: '0px',
|
617 | 1: '1px',
|
618 | 2: '2px',
|
619 | 4: '4px',
|
620 | 8: '8px',
|
621 | },
|
622 | rotate: {
|
623 | '-180': '-180deg',
|
624 | '-90': '-90deg',
|
625 | '-45': '-45deg',
|
626 | '-12': '-12deg',
|
627 | '-6': '-6deg',
|
628 | '-3': '-3deg',
|
629 | '-2': '-2deg',
|
630 | '-1': '-1deg',
|
631 | 0: '0deg',
|
632 | 1: '1deg',
|
633 | 2: '2deg',
|
634 | 3: '3deg',
|
635 | 6: '6deg',
|
636 | 12: '12deg',
|
637 | 45: '45deg',
|
638 | 90: '90deg',
|
639 | 180: '180deg',
|
640 | },
|
641 | saturate: {
|
642 | 0: '0',
|
643 | 50: '.5',
|
644 | 100: '1',
|
645 | 150: '1.5',
|
646 | 200: '2',
|
647 | },
|
648 | scale: {
|
649 | 0: '0',
|
650 | 50: '.5',
|
651 | 75: '.75',
|
652 | 90: '.9',
|
653 | 95: '.95',
|
654 | 100: '1',
|
655 | 105: '1.05',
|
656 | 110: '1.1',
|
657 | 125: '1.25',
|
658 | 150: '1.5',
|
659 | },
|
660 | sepia: {
|
661 | 0: '0',
|
662 | DEFAULT: '100%',
|
663 | },
|
664 | skew: {
|
665 | '-12': '-12deg',
|
666 | '-6': '-6deg',
|
667 | '-3': '-3deg',
|
668 | '-2': '-2deg',
|
669 | '-1': '-1deg',
|
670 | 0: '0deg',
|
671 | 1: '1deg',
|
672 | 2: '2deg',
|
673 | 3: '3deg',
|
674 | 6: '6deg',
|
675 | 12: '12deg',
|
676 | },
|
677 | space: (theme, { negative }) => ({
|
678 | ...theme('spacing'),
|
679 | ...negative(theme('spacing')),
|
680 | }),
|
681 | stroke: {
|
682 | current: 'currentColor',
|
683 | },
|
684 | strokeWidth: {
|
685 | 0: '0',
|
686 | 1: '1',
|
687 | 2: '2',
|
688 | },
|
689 | textColor: (theme) => theme('colors'),
|
690 | textOpacity: (theme) => theme('opacity'),
|
691 | transformOrigin: {
|
692 | center: 'center',
|
693 | top: 'top',
|
694 | 'top-right': 'top right',
|
695 | right: 'right',
|
696 | 'bottom-right': 'bottom right',
|
697 | bottom: 'bottom',
|
698 | 'bottom-left': 'bottom left',
|
699 | left: 'left',
|
700 | 'top-left': 'top left',
|
701 | },
|
702 | transitionDelay: {
|
703 | 75: '75ms',
|
704 | 100: '100ms',
|
705 | 150: '150ms',
|
706 | 200: '200ms',
|
707 | 300: '300ms',
|
708 | 500: '500ms',
|
709 | 700: '700ms',
|
710 | 1000: '1000ms',
|
711 | },
|
712 | transitionDuration: {
|
713 | DEFAULT: '150ms',
|
714 | 75: '75ms',
|
715 | 100: '100ms',
|
716 | 150: '150ms',
|
717 | 200: '200ms',
|
718 | 300: '300ms',
|
719 | 500: '500ms',
|
720 | 700: '700ms',
|
721 | 1000: '1000ms',
|
722 | },
|
723 | transitionProperty: {
|
724 | none: 'none',
|
725 | all: 'all',
|
726 | DEFAULT:
|
727 | 'background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
|
728 | colors: 'background-color, border-color, color, fill, stroke',
|
729 | opacity: 'opacity',
|
730 | shadow: 'box-shadow',
|
731 | transform: 'transform',
|
732 | },
|
733 | transitionTimingFunction: {
|
734 | DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
|
735 | linear: 'linear',
|
736 | in: 'cubic-bezier(0.4, 0, 1, 1)',
|
737 | out: 'cubic-bezier(0, 0, 0.2, 1)',
|
738 | 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
|
739 | },
|
740 | translate: (theme, { negative }) => ({
|
741 | ...theme('spacing'),
|
742 | ...negative(theme('spacing')),
|
743 | '1/2': '50%',
|
744 | '1/3': '33.333333%',
|
745 | '2/3': '66.666667%',
|
746 | '1/4': '25%',
|
747 | '2/4': '50%',
|
748 | '3/4': '75%',
|
749 | full: '100%',
|
750 | '-1/2': '-50%',
|
751 | '-1/3': '-33.333333%',
|
752 | '-2/3': '-66.666667%',
|
753 | '-1/4': '-25%',
|
754 | '-2/4': '-50%',
|
755 | '-3/4': '-75%',
|
756 | '-full': '-100%',
|
757 | }),
|
758 | width: (theme) => ({
|
759 | auto: 'auto',
|
760 | ...theme('spacing'),
|
761 | '1/2': '50%',
|
762 | '1/3': '33.333333%',
|
763 | '2/3': '66.666667%',
|
764 | '1/4': '25%',
|
765 | '2/4': '50%',
|
766 | '3/4': '75%',
|
767 | '1/5': '20%',
|
768 | '2/5': '40%',
|
769 | '3/5': '60%',
|
770 | '4/5': '80%',
|
771 | '1/6': '16.666667%',
|
772 | '2/6': '33.333333%',
|
773 | '3/6': '50%',
|
774 | '4/6': '66.666667%',
|
775 | '5/6': '83.333333%',
|
776 | '1/12': '8.333333%',
|
777 | '2/12': '16.666667%',
|
778 | '3/12': '25%',
|
779 | '4/12': '33.333333%',
|
780 | '5/12': '41.666667%',
|
781 | '6/12': '50%',
|
782 | '7/12': '58.333333%',
|
783 | '8/12': '66.666667%',
|
784 | '9/12': '75%',
|
785 | '10/12': '83.333333%',
|
786 | '11/12': '91.666667%',
|
787 | full: '100%',
|
788 | screen: '100vw',
|
789 | min: 'min-content',
|
790 | max: 'max-content',
|
791 | }),
|
792 | zIndex: {
|
793 | auto: 'auto',
|
794 | 0: '0',
|
795 | 10: '10',
|
796 | 20: '20',
|
797 | 30: '30',
|
798 | 40: '40',
|
799 | 50: '50',
|
800 | },
|
801 | },
|
802 | variantOrder: [
|
803 | 'first',
|
804 | 'last',
|
805 | 'odd',
|
806 | 'even',
|
807 | 'visited',
|
808 | 'checked',
|
809 | 'group-hover',
|
810 | 'group-focus',
|
811 | 'focus-within',
|
812 | 'hover',
|
813 | 'focus',
|
814 | 'focus-visible',
|
815 | 'active',
|
816 | 'disabled',
|
817 | ],
|
818 | variants: {
|
819 | accessibility: ['responsive', 'focus-within', 'focus'],
|
820 | alignContent: ['responsive'],
|
821 | alignItems: ['responsive'],
|
822 | alignSelf: ['responsive'],
|
823 | animation: ['responsive'],
|
824 | appearance: ['responsive'],
|
825 | backdropBlur: ['responsive'],
|
826 | backdropBrightness: ['responsive'],
|
827 | backdropContrast: ['responsive'],
|
828 | backdropDropShadow: ['responsive'],
|
829 | backdropFilter: ['responsive'],
|
830 | backdropGrayscale: ['responsive'],
|
831 | backdropHueRotate: ['responsive'],
|
832 | backdropInvert: ['responsive'],
|
833 | backdropSaturate: ['responsive'],
|
834 | backdropSepia: ['responsive'],
|
835 | backgroundAttachment: ['responsive'],
|
836 | backgroundBlendMode: ['responsive'],
|
837 | backgroundClip: ['responsive'],
|
838 | backgroundColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
839 | backgroundImage: ['responsive'],
|
840 | backgroundOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
841 | backgroundPosition: ['responsive'],
|
842 | backgroundRepeat: ['responsive'],
|
843 | backgroundSize: ['responsive'],
|
844 | blur: ['responsive'],
|
845 | borderCollapse: ['responsive'],
|
846 | borderColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
847 | borderOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
848 | borderRadius: ['responsive'],
|
849 | borderStyle: ['responsive'],
|
850 | borderWidth: ['responsive'],
|
851 | boxDecorationBreak: ['responsive'],
|
852 | boxShadow: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
|
853 | boxSizing: ['responsive'],
|
854 | brightness: ['responsive'],
|
855 | clear: ['responsive'],
|
856 | container: ['responsive'],
|
857 | contrast: ['responsive'],
|
858 | cursor: ['responsive'],
|
859 | display: ['responsive'],
|
860 | divideColor: ['responsive', 'dark'],
|
861 | divideOpacity: ['responsive', 'dark'],
|
862 | divideStyle: ['responsive'],
|
863 | divideWidth: ['responsive'],
|
864 | dropShadow: ['responsive'],
|
865 | fill: ['responsive'],
|
866 | filter: ['responsive'],
|
867 | flex: ['responsive'],
|
868 | flexDirection: ['responsive'],
|
869 | flexGrow: ['responsive'],
|
870 | flexShrink: ['responsive'],
|
871 | flexWrap: ['responsive'],
|
872 | float: ['responsive'],
|
873 | fontFamily: ['responsive'],
|
874 | fontSize: ['responsive'],
|
875 | fontSmoothing: ['responsive'],
|
876 | fontStyle: ['responsive'],
|
877 | fontVariantNumeric: ['responsive'],
|
878 | fontWeight: ['responsive'],
|
879 | gap: ['responsive'],
|
880 | gradientColorStops: ['responsive', 'dark', 'hover', 'focus'],
|
881 | grayscale: ['responsive'],
|
882 | gridAutoColumns: ['responsive'],
|
883 | gridAutoFlow: ['responsive'],
|
884 | gridAutoRows: ['responsive'],
|
885 | gridColumn: ['responsive'],
|
886 | gridColumnEnd: ['responsive'],
|
887 | gridColumnStart: ['responsive'],
|
888 | gridRow: ['responsive'],
|
889 | gridRowEnd: ['responsive'],
|
890 | gridRowStart: ['responsive'],
|
891 | gridTemplateColumns: ['responsive'],
|
892 | gridTemplateRows: ['responsive'],
|
893 | height: ['responsive'],
|
894 | hueRotate: ['responsive'],
|
895 | inset: ['responsive'],
|
896 | invert: ['responsive'],
|
897 | isolation: ['responsive'],
|
898 | justifyContent: ['responsive'],
|
899 | justifyItems: ['responsive'],
|
900 | justifySelf: ['responsive'],
|
901 | letterSpacing: ['responsive'],
|
902 | lineHeight: ['responsive'],
|
903 | listStylePosition: ['responsive'],
|
904 | listStyleType: ['responsive'],
|
905 | margin: ['responsive'],
|
906 | maxHeight: ['responsive'],
|
907 | maxWidth: ['responsive'],
|
908 | minHeight: ['responsive'],
|
909 | minWidth: ['responsive'],
|
910 | mixBlendMode: ['responsive'],
|
911 | objectFit: ['responsive'],
|
912 | objectPosition: ['responsive'],
|
913 | opacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
|
914 | order: ['responsive'],
|
915 | outline: ['responsive', 'focus-within', 'focus'],
|
916 | overflow: ['responsive'],
|
917 | overscrollBehavior: ['responsive'],
|
918 | padding: ['responsive'],
|
919 | placeContent: ['responsive'],
|
920 | placeItems: ['responsive'],
|
921 | placeSelf: ['responsive'],
|
922 | placeholderColor: ['responsive', 'dark', 'focus'],
|
923 | placeholderOpacity: ['responsive', 'dark', 'focus'],
|
924 | pointerEvents: ['responsive'],
|
925 | position: ['responsive'],
|
926 | resize: ['responsive'],
|
927 | ringColor: ['responsive', 'dark', 'focus-within', 'focus'],
|
928 | ringOffsetColor: ['responsive', 'dark', 'focus-within', 'focus'],
|
929 | ringOffsetWidth: ['responsive', 'focus-within', 'focus'],
|
930 | ringOpacity: ['responsive', 'dark', 'focus-within', 'focus'],
|
931 | ringWidth: ['responsive', 'focus-within', 'focus'],
|
932 | rotate: ['responsive', 'hover', 'focus'],
|
933 | saturate: ['responsive'],
|
934 | scale: ['responsive', 'hover', 'focus'],
|
935 | sepia: ['responsive'],
|
936 | skew: ['responsive', 'hover', 'focus'],
|
937 | space: ['responsive'],
|
938 | stroke: ['responsive'],
|
939 | strokeWidth: ['responsive'],
|
940 | tableLayout: ['responsive'],
|
941 | textAlign: ['responsive'],
|
942 | textColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
943 | textDecoration: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
|
944 | textOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
|
945 | textOverflow: ['responsive'],
|
946 | textTransform: ['responsive'],
|
947 | transform: ['responsive'],
|
948 | transformOrigin: ['responsive'],
|
949 | transitionDelay: ['responsive'],
|
950 | transitionDuration: ['responsive'],
|
951 | transitionProperty: ['responsive'],
|
952 | transitionTimingFunction: ['responsive'],
|
953 | translate: ['responsive', 'hover', 'focus'],
|
954 | userSelect: ['responsive'],
|
955 | verticalAlign: ['responsive'],
|
956 | visibility: ['responsive'],
|
957 | whitespace: ['responsive'],
|
958 | width: ['responsive'],
|
959 | wordBreak: ['responsive'],
|
960 | zIndex: ['responsive', 'focus-within', 'focus'],
|
961 | },
|
962 | plugins: [],
|
963 | }
|