UNPKG

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