UNPKG

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