123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062 |
- module.exports = {
- content: [],
- presets: [],
- darkMode: 'media', // or 'class'
- theme: {
- accentColor: ({ theme }) => ({
- ...theme('colors'),
- auto: 'auto',
- }),
- animation: {
- none: 'none',
- spin: 'spin 1s linear infinite',
- ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
- pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
- bounce: 'bounce 1s infinite',
- },
- aria: {
- busy: 'busy="true"',
- checked: 'checked="true"',
- disabled: 'disabled="true"',
- expanded: 'expanded="true"',
- hidden: 'hidden="true"',
- pressed: 'pressed="true"',
- readonly: 'readonly="true"',
- required: 'required="true"',
- selected: 'selected="true"',
- },
- aspectRatio: {
- auto: 'auto',
- square: '1 / 1',
- video: '16 / 9',
- },
- backdropBlur: ({ theme }) => theme('blur'),
- backdropBrightness: ({ theme }) => theme('brightness'),
- backdropContrast: ({ theme }) => theme('contrast'),
- backdropGrayscale: ({ theme }) => theme('grayscale'),
- backdropHueRotate: ({ theme }) => theme('hueRotate'),
- backdropInvert: ({ theme }) => theme('invert'),
- backdropOpacity: ({ theme }) => theme('opacity'),
- backdropSaturate: ({ theme }) => theme('saturate'),
- backdropSepia: ({ theme }) => theme('sepia'),
- backgroundColor: ({ theme }) => theme('colors'),
- backgroundImage: {
- none: 'none',
- 'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
- 'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
- 'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
- 'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
- 'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
- 'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
- 'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
- 'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
- },
- backgroundOpacity: ({ theme }) => theme('opacity'),
- backgroundPosition: {
- bottom: 'bottom',
- center: 'center',
- left: 'left',
- 'left-bottom': 'left bottom',
- 'left-top': 'left top',
- right: 'right',
- 'right-bottom': 'right bottom',
- 'right-top': 'right top',
- top: 'top',
- },
- backgroundSize: {
- auto: 'auto',
- cover: 'cover',
- contain: 'contain',
- },
- blur: {
- 0: '0',
- none: '',
- sm: '4px',
- DEFAULT: '8px',
- md: '12px',
- lg: '16px',
- xl: '24px',
- '2xl': '40px',
- '3xl': '64px',
- },
- borderColor: ({ theme }) => ({
- ...theme('colors'),
- DEFAULT: theme('colors.gray.200', 'currentColor'),
- }),
- borderOpacity: ({ theme }) => theme('opacity'),
- borderRadius: {
- none: '0px',
- sm: '0.125rem',
- DEFAULT: '0.25rem',
- md: '0.375rem',
- lg: '0.5rem',
- xl: '0.75rem',
- '2xl': '1rem',
- '3xl': '1.5rem',
- full: '9999px',
- },
- borderSpacing: ({ theme }) => ({
- ...theme('spacing'),
- }),
- borderWidth: {
- DEFAULT: '1px',
- 0: '0px',
- 2: '2px',
- 4: '4px',
- 8: '8px',
- },
- boxShadow: {
- sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
- DEFAULT: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
- md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
- lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
- xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
- '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
- inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
- none: 'none',
- },
- boxShadowColor: ({ theme }) => theme('colors'),
- brightness: {
- 0: '0',
- 50: '.5',
- 75: '.75',
- 90: '.9',
- 95: '.95',
- 100: '1',
- 105: '1.05',
- 110: '1.1',
- 125: '1.25',
- 150: '1.5',
- 200: '2',
- },
- caretColor: ({ theme }) => theme('colors'),
- colors: ({ colors }) => ({
- inherit: colors.inherit,
- current: colors.current,
- transparent: colors.transparent,
- black: colors.black,
- white: colors.white,
- slate: colors.slate,
- gray: colors.gray,
- zinc: colors.zinc,
- neutral: colors.neutral,
- stone: colors.stone,
- red: colors.red,
- orange: colors.orange,
- amber: colors.amber,
- yellow: colors.yellow,
- lime: colors.lime,
- green: colors.green,
- emerald: colors.emerald,
- teal: colors.teal,
- cyan: colors.cyan,
- sky: colors.sky,
- blue: colors.blue,
- indigo: colors.indigo,
- violet: colors.violet,
- purple: colors.purple,
- fuchsia: colors.fuchsia,
- pink: colors.pink,
- rose: colors.rose,
- }),
- columns: {
- auto: 'auto',
- 1: '1',
- 2: '2',
- 3: '3',
- 4: '4',
- 5: '5',
- 6: '6',
- 7: '7',
- 8: '8',
- 9: '9',
- 10: '10',
- 11: '11',
- 12: '12',
- '3xs': '16rem',
- '2xs': '18rem',
- xs: '20rem',
- sm: '24rem',
- md: '28rem',
- lg: '32rem',
- xl: '36rem',
- '2xl': '42rem',
- '3xl': '48rem',
- '4xl': '56rem',
- '5xl': '64rem',
- '6xl': '72rem',
- '7xl': '80rem',
- },
- container: {},
- content: {
- none: 'none',
- },
- contrast: {
- 0: '0',
- 50: '.5',
- 75: '.75',
- 100: '1',
- 125: '1.25',
- 150: '1.5',
- 200: '2',
- },
- cursor: {
- auto: 'auto',
- default: 'default',
- pointer: 'pointer',
- wait: 'wait',
- text: 'text',
- move: 'move',
- help: 'help',
- 'not-allowed': 'not-allowed',
- none: 'none',
- 'context-menu': 'context-menu',
- progress: 'progress',
- cell: 'cell',
- crosshair: 'crosshair',
- 'vertical-text': 'vertical-text',
- alias: 'alias',
- copy: 'copy',
- 'no-drop': 'no-drop',
- grab: 'grab',
- grabbing: 'grabbing',
- 'all-scroll': 'all-scroll',
- 'col-resize': 'col-resize',
- 'row-resize': 'row-resize',
- 'n-resize': 'n-resize',
- 'e-resize': 'e-resize',
- 's-resize': 's-resize',
- 'w-resize': 'w-resize',
- 'ne-resize': 'ne-resize',
- 'nw-resize': 'nw-resize',
- 'se-resize': 'se-resize',
- 'sw-resize': 'sw-resize',
- 'ew-resize': 'ew-resize',
- 'ns-resize': 'ns-resize',
- 'nesw-resize': 'nesw-resize',
- 'nwse-resize': 'nwse-resize',
- 'zoom-in': 'zoom-in',
- 'zoom-out': 'zoom-out',
- },
- divideColor: ({ theme }) => theme('borderColor'),
- divideOpacity: ({ theme }) => theme('borderOpacity'),
- divideWidth: ({ theme }) => theme('borderWidth'),
- dropShadow: {
- sm: '0 1px 1px rgb(0 0 0 / 0.05)',
- DEFAULT: ['0 1px 2px rgb(0 0 0 / 0.1)', '0 1px 1px rgb(0 0 0 / 0.06)'],
- md: ['0 4px 3px rgb(0 0 0 / 0.07)', '0 2px 2px rgb(0 0 0 / 0.06)'],
- lg: ['0 10px 8px rgb(0 0 0 / 0.04)', '0 4px 3px rgb(0 0 0 / 0.1)'],
- xl: ['0 20px 13px rgb(0 0 0 / 0.03)', '0 8px 5px rgb(0 0 0 / 0.08)'],
- '2xl': '0 25px 25px rgb(0 0 0 / 0.15)',
- none: '0 0 #0000',
- },
- fill: ({ theme }) => ({
- none: 'none',
- ...theme('colors'),
- }),
- flex: {
- 1: '1 1 0%',
- auto: '1 1 auto',
- initial: '0 1 auto',
- none: 'none',
- },
- flexBasis: ({ theme }) => ({
- auto: 'auto',
- ...theme('spacing'),
- '1/2': '50%',
- '1/3': '33.333333%',
- '2/3': '66.666667%',
- '1/4': '25%',
- '2/4': '50%',
- '3/4': '75%',
- '1/5': '20%',
- '2/5': '40%',
- '3/5': '60%',
- '4/5': '80%',
- '1/6': '16.666667%',
- '2/6': '33.333333%',
- '3/6': '50%',
- '4/6': '66.666667%',
- '5/6': '83.333333%',
- '1/12': '8.333333%',
- '2/12': '16.666667%',
- '3/12': '25%',
- '4/12': '33.333333%',
- '5/12': '41.666667%',
- '6/12': '50%',
- '7/12': '58.333333%',
- '8/12': '66.666667%',
- '9/12': '75%',
- '10/12': '83.333333%',
- '11/12': '91.666667%',
- full: '100%',
- }),
- flexGrow: {
- 0: '0',
- DEFAULT: '1',
- },
- flexShrink: {
- 0: '0',
- DEFAULT: '1',
- },
- fontFamily: {
- sans: [
- 'ui-sans-serif',
- 'system-ui',
- 'sans-serif',
- '"Apple Color Emoji"',
- '"Segoe UI Emoji"',
- '"Segoe UI Symbol"',
- '"Noto Color Emoji"',
- ],
- serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
- mono: [
- 'ui-monospace',
- 'SFMono-Regular',
- 'Menlo',
- 'Monaco',
- 'Consolas',
- '"Liberation Mono"',
- '"Courier New"',
- 'monospace',
- ],
- },
- fontSize: {
- xs: ['0.75rem', { lineHeight: '1rem' }],
- sm: ['0.875rem', { lineHeight: '1.25rem' }],
- base: ['1rem', { lineHeight: '1.5rem' }],
- lg: ['1.125rem', { lineHeight: '1.75rem' }],
- xl: ['1.25rem', { lineHeight: '1.75rem' }],
- '2xl': ['1.5rem', { lineHeight: '2rem' }],
- '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
- '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
- '5xl': ['3rem', { lineHeight: '1' }],
- '6xl': ['3.75rem', { lineHeight: '1' }],
- '7xl': ['4.5rem', { lineHeight: '1' }],
- '8xl': ['6rem', { lineHeight: '1' }],
- '9xl': ['8rem', { lineHeight: '1' }],
- },
- fontWeight: {
- thin: '100',
- extralight: '200',
- light: '300',
- normal: '400',
- medium: '500',
- semibold: '600',
- bold: '700',
- extrabold: '800',
- black: '900',
- },
- gap: ({ theme }) => theme('spacing'),
- gradientColorStops: ({ theme }) => theme('colors'),
- gradientColorStopPositions: {
- '0%': '0%',
- '5%': '5%',
- '10%': '10%',
- '15%': '15%',
- '20%': '20%',
- '25%': '25%',
- '30%': '30%',
- '35%': '35%',
- '40%': '40%',
- '45%': '45%',
- '50%': '50%',
- '55%': '55%',
- '60%': '60%',
- '65%': '65%',
- '70%': '70%',
- '75%': '75%',
- '80%': '80%',
- '85%': '85%',
- '90%': '90%',
- '95%': '95%',
- '100%': '100%',
- },
- grayscale: {
- 0: '0',
- DEFAULT: '100%',
- },
- gridAutoColumns: {
- auto: 'auto',
- min: 'min-content',
- max: 'max-content',
- fr: 'minmax(0, 1fr)',
- },
- gridAutoRows: {
- auto: 'auto',
- min: 'min-content',
- max: 'max-content',
- fr: 'minmax(0, 1fr)',
- },
- gridColumn: {
- auto: 'auto',
- 'span-1': 'span 1 / span 1',
- 'span-2': 'span 2 / span 2',
- 'span-3': 'span 3 / span 3',
- 'span-4': 'span 4 / span 4',
- 'span-5': 'span 5 / span 5',
- 'span-6': 'span 6 / span 6',
- 'span-7': 'span 7 / span 7',
- 'span-8': 'span 8 / span 8',
- 'span-9': 'span 9 / span 9',
- 'span-10': 'span 10 / span 10',
- 'span-11': 'span 11 / span 11',
- 'span-12': 'span 12 / span 12',
- 'span-full': '1 / -1',
- },
- gridColumnEnd: {
- auto: 'auto',
- 1: '1',
- 2: '2',
- 3: '3',
- 4: '4',
- 5: '5',
- 6: '6',
- 7: '7',
- 8: '8',
- 9: '9',
- 10: '10',
- 11: '11',
- 12: '12',
- 13: '13',
- },
- gridColumnStart: {
- auto: 'auto',
- 1: '1',
- 2: '2',
- 3: '3',
- 4: '4',
- 5: '5',
- 6: '6',
- 7: '7',
- 8: '8',
- 9: '9',
- 10: '10',
- 11: '11',
- 12: '12',
- 13: '13',
- },
- gridRow: {
- auto: 'auto',
- 'span-1': 'span 1 / span 1',
- 'span-2': 'span 2 / span 2',
- 'span-3': 'span 3 / span 3',
- 'span-4': 'span 4 / span 4',
- 'span-5': 'span 5 / span 5',
- 'span-6': 'span 6 / span 6',
- 'span-7': 'span 7 / span 7',
- 'span-8': 'span 8 / span 8',
- 'span-9': 'span 9 / span 9',
- 'span-10': 'span 10 / span 10',
- 'span-11': 'span 11 / span 11',
- 'span-12': 'span 12 / span 12',
- 'span-full': '1 / -1',
- },
- gridRowEnd: {
- auto: 'auto',
- 1: '1',
- 2: '2',
- 3: '3',
- 4: '4',
- 5: '5',
- 6: '6',
- 7: '7',
- 8: '8',
- 9: '9',
- 10: '10',
- 11: '11',
- 12: '12',
- 13: '13',
- },
- gridRowStart: {
- auto: 'auto',
- 1: '1',
- 2: '2',
- 3: '3',
- 4: '4',
- 5: '5',
- 6: '6',
- 7: '7',
- 8: '8',
- 9: '9',
- 10: '10',
- 11: '11',
- 12: '12',
- 13: '13',
- },
- gridTemplateColumns: {
- none: 'none',
- subgrid: 'subgrid',
- 1: 'repeat(1, minmax(0, 1fr))',
- 2: 'repeat(2, minmax(0, 1fr))',
- 3: 'repeat(3, minmax(0, 1fr))',
- 4: 'repeat(4, minmax(0, 1fr))',
- 5: 'repeat(5, minmax(0, 1fr))',
- 6: 'repeat(6, minmax(0, 1fr))',
- 7: 'repeat(7, minmax(0, 1fr))',
- 8: 'repeat(8, minmax(0, 1fr))',
- 9: 'repeat(9, minmax(0, 1fr))',
- 10: 'repeat(10, minmax(0, 1fr))',
- 11: 'repeat(11, minmax(0, 1fr))',
- 12: 'repeat(12, minmax(0, 1fr))',
- },
- gridTemplateRows: {
- none: 'none',
- subgrid: 'subgrid',
- 1: 'repeat(1, minmax(0, 1fr))',
- 2: 'repeat(2, minmax(0, 1fr))',
- 3: 'repeat(3, minmax(0, 1fr))',
- 4: 'repeat(4, minmax(0, 1fr))',
- 5: 'repeat(5, minmax(0, 1fr))',
- 6: 'repeat(6, minmax(0, 1fr))',
- 7: 'repeat(7, minmax(0, 1fr))',
- 8: 'repeat(8, minmax(0, 1fr))',
- 9: 'repeat(9, minmax(0, 1fr))',
- 10: 'repeat(10, minmax(0, 1fr))',
- 11: 'repeat(11, minmax(0, 1fr))',
- 12: 'repeat(12, minmax(0, 1fr))',
- },
- height: ({ theme }) => ({
- auto: 'auto',
- ...theme('spacing'),
- '1/2': '50%',
- '1/3': '33.333333%',
- '2/3': '66.666667%',
- '1/4': '25%',
- '2/4': '50%',
- '3/4': '75%',
- '1/5': '20%',
- '2/5': '40%',
- '3/5': '60%',
- '4/5': '80%',
- '1/6': '16.666667%',
- '2/6': '33.333333%',
- '3/6': '50%',
- '4/6': '66.666667%',
- '5/6': '83.333333%',
- full: '100%',
- screen: '100vh',
- svh: '100svh',
- lvh: '100lvh',
- dvh: '100dvh',
- min: 'min-content',
- max: 'max-content',
- fit: 'fit-content',
- }),
- hueRotate: {
- 0: '0deg',
- 15: '15deg',
- 30: '30deg',
- 60: '60deg',
- 90: '90deg',
- 180: '180deg',
- },
- inset: ({ theme }) => ({
- auto: 'auto',
- ...theme('spacing'),
- '1/2': '50%',
- '1/3': '33.333333%',
- '2/3': '66.666667%',
- '1/4': '25%',
- '2/4': '50%',
- '3/4': '75%',
- full: '100%',
- }),
- invert: {
- 0: '0',
- DEFAULT: '100%',
- },
- keyframes: {
- spin: {
- to: {
- transform: 'rotate(360deg)',
- },
- },
- ping: {
- '75%, 100%': {
- transform: 'scale(2)',
- opacity: '0',
- },
- },
- pulse: {
- '50%': {
- opacity: '.5',
- },
- },
- bounce: {
- '0%, 100%': {
- transform: 'translateY(-25%)',
- animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
- },
- '50%': {
- transform: 'none',
- animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
- },
- },
- },
- letterSpacing: {
- tighter: '-0.05em',
- tight: '-0.025em',
- normal: '0em',
- wide: '0.025em',
- wider: '0.05em',
- widest: '0.1em',
- },
- lineHeight: {
- none: '1',
- tight: '1.25',
- snug: '1.375',
- normal: '1.5',
- relaxed: '1.625',
- loose: '2',
- 3: '.75rem',
- 4: '1rem',
- 5: '1.25rem',
- 6: '1.5rem',
- 7: '1.75rem',
- 8: '2rem',
- 9: '2.25rem',
- 10: '2.5rem',
- },
- listStyleType: {
- none: 'none',
- disc: 'disc',
- decimal: 'decimal',
- },
- listStyleImage: {
- none: 'none',
- },
- margin: ({ theme }) => ({
- auto: 'auto',
- ...theme('spacing'),
- }),
- lineClamp: {
- 1: '1',
- 2: '2',
- 3: '3',
- 4: '4',
- 5: '5',
- 6: '6',
- },
- maxHeight: ({ theme }) => ({
- ...theme('spacing'),
- none: 'none',
- full: '100%',
- screen: '100vh',
- svh: '100svh',
- lvh: '100lvh',
- dvh: '100dvh',
- min: 'min-content',
- max: 'max-content',
- fit: 'fit-content',
- }),
- maxWidth: ({ theme, breakpoints }) => ({
- ...theme('spacing'),
- none: 'none',
- xs: '20rem',
- sm: '24rem',
- md: '28rem',
- lg: '32rem',
- xl: '36rem',
- '2xl': '42rem',
- '3xl': '48rem',
- '4xl': '56rem',
- '5xl': '64rem',
- '6xl': '72rem',
- '7xl': '80rem',
- full: '100%',
- min: 'min-content',
- max: 'max-content',
- fit: 'fit-content',
- prose: '65ch',
- ...breakpoints(theme('screens')),
- }),
- minHeight: ({ theme }) => ({
- ...theme('spacing'),
- full: '100%',
- screen: '100vh',
- svh: '100svh',
- lvh: '100lvh',
- dvh: '100dvh',
- min: 'min-content',
- max: 'max-content',
- fit: 'fit-content',
- }),
- minWidth: ({ theme }) => ({
- ...theme('spacing'),
- full: '100%',
- min: 'min-content',
- max: 'max-content',
- fit: 'fit-content',
- }),
- objectPosition: {
- bottom: 'bottom',
- center: 'center',
- left: 'left',
- 'left-bottom': 'left bottom',
- 'left-top': 'left top',
- right: 'right',
- 'right-bottom': 'right bottom',
- 'right-top': 'right top',
- top: 'top',
- },
- opacity: {
- 0: '0',
- 5: '0.05',
- 10: '0.1',
- 15: '0.15',
- 20: '0.2',
- 25: '0.25',
- 30: '0.3',
- 35: '0.35',
- 40: '0.4',
- 45: '0.45',
- 50: '0.5',
- 55: '0.55',
- 60: '0.6',
- 65: '0.65',
- 70: '0.7',
- 75: '0.75',
- 80: '0.8',
- 85: '0.85',
- 90: '0.9',
- 95: '0.95',
- 100: '1',
- },
- order: {
- first: '-9999',
- last: '9999',
- none: '0',
- 1: '1',
- 2: '2',
- 3: '3',
- 4: '4',
- 5: '5',
- 6: '6',
- 7: '7',
- 8: '8',
- 9: '9',
- 10: '10',
- 11: '11',
- 12: '12',
- },
- outlineColor: ({ theme }) => theme('colors'),
- outlineOffset: {
- 0: '0px',
- 1: '1px',
- 2: '2px',
- 4: '4px',
- 8: '8px',
- },
- outlineWidth: {
- 0: '0px',
- 1: '1px',
- 2: '2px',
- 4: '4px',
- 8: '8px',
- },
- padding: ({ theme }) => theme('spacing'),
- placeholderColor: ({ theme }) => theme('colors'),
- placeholderOpacity: ({ theme }) => theme('opacity'),
- ringColor: ({ theme }) => ({
- DEFAULT: theme('colors.blue.500', '#3b82f6'),
- ...theme('colors'),
- }),
- ringOffsetColor: ({ theme }) => theme('colors'),
- ringOffsetWidth: {
- 0: '0px',
- 1: '1px',
- 2: '2px',
- 4: '4px',
- 8: '8px',
- },
- ringOpacity: ({ theme }) => ({
- DEFAULT: '0.5',
- ...theme('opacity'),
- }),
- ringWidth: {
- DEFAULT: '3px',
- 0: '0px',
- 1: '1px',
- 2: '2px',
- 4: '4px',
- 8: '8px',
- },
- rotate: {
- 0: '0deg',
- 1: '1deg',
- 2: '2deg',
- 3: '3deg',
- 6: '6deg',
- 12: '12deg',
- 45: '45deg',
- 90: '90deg',
- 180: '180deg',
- },
- saturate: {
- 0: '0',
- 50: '.5',
- 100: '1',
- 150: '1.5',
- 200: '2',
- },
- scale: {
- 0: '0',
- 50: '.5',
- 75: '.75',
- 90: '.9',
- 95: '.95',
- 100: '1',
- 105: '1.05',
- 110: '1.1',
- 125: '1.25',
- 150: '1.5',
- },
- screens: {
- sm: '640px',
- md: '768px',
- lg: '1024px',
- xl: '1280px',
- '2xl': '1536px',
- },
- scrollMargin: ({ theme }) => ({
- ...theme('spacing'),
- }),
- scrollPadding: ({ theme }) => theme('spacing'),
- sepia: {
- 0: '0',
- DEFAULT: '100%',
- },
- skew: {
- 0: '0deg',
- 1: '1deg',
- 2: '2deg',
- 3: '3deg',
- 6: '6deg',
- 12: '12deg',
- },
- space: ({ theme }) => ({
- ...theme('spacing'),
- }),
- spacing: {
- px: '1px',
- 0: '0px',
- 0.5: '0.125rem',
- 1: '0.25rem',
- 1.5: '0.375rem',
- 2: '0.5rem',
- 2.5: '0.625rem',
- 3: '0.75rem',
- 3.5: '0.875rem',
- 4: '1rem',
- 5: '1.25rem',
- 6: '1.5rem',
- 7: '1.75rem',
- 8: '2rem',
- 9: '2.25rem',
- 10: '2.5rem',
- 11: '2.75rem',
- 12: '3rem',
- 14: '3.5rem',
- 16: '4rem',
- 20: '5rem',
- 24: '6rem',
- 28: '7rem',
- 32: '8rem',
- 36: '9rem',
- 40: '10rem',
- 44: '11rem',
- 48: '12rem',
- 52: '13rem',
- 56: '14rem',
- 60: '15rem',
- 64: '16rem',
- 72: '18rem',
- 80: '20rem',
- 96: '24rem',
- },
- stroke: ({ theme }) => ({
- none: 'none',
- ...theme('colors'),
- }),
- strokeWidth: {
- 0: '0',
- 1: '1',
- 2: '2',
- },
- supports: {},
- data: {},
- textColor: ({ theme }) => theme('colors'),
- textDecorationColor: ({ theme }) => theme('colors'),
- textDecorationThickness: {
- auto: 'auto',
- 'from-font': 'from-font',
- 0: '0px',
- 1: '1px',
- 2: '2px',
- 4: '4px',
- 8: '8px',
- },
- textIndent: ({ theme }) => ({
- ...theme('spacing'),
- }),
- textOpacity: ({ theme }) => theme('opacity'),
- textUnderlineOffset: {
- auto: 'auto',
- 0: '0px',
- 1: '1px',
- 2: '2px',
- 4: '4px',
- 8: '8px',
- },
- transformOrigin: {
- center: 'center',
- top: 'top',
- 'top-right': 'top right',
- right: 'right',
- 'bottom-right': 'bottom right',
- bottom: 'bottom',
- 'bottom-left': 'bottom left',
- left: 'left',
- 'top-left': 'top left',
- },
- transitionDelay: {
- 0: '0s',
- 75: '75ms',
- 100: '100ms',
- 150: '150ms',
- 200: '200ms',
- 300: '300ms',
- 500: '500ms',
- 700: '700ms',
- 1000: '1000ms',
- },
- transitionDuration: {
- DEFAULT: '150ms',
- 0: '0s',
- 75: '75ms',
- 100: '100ms',
- 150: '150ms',
- 200: '200ms',
- 300: '300ms',
- 500: '500ms',
- 700: '700ms',
- 1000: '1000ms',
- },
- transitionProperty: {
- none: 'none',
- all: 'all',
- DEFAULT:
- 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
- colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
- opacity: 'opacity',
- shadow: 'box-shadow',
- transform: 'transform',
- },
- transitionTimingFunction: {
- DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
- linear: 'linear',
- in: 'cubic-bezier(0.4, 0, 1, 1)',
- out: 'cubic-bezier(0, 0, 0.2, 1)',
- 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
- },
- translate: ({ theme }) => ({
- ...theme('spacing'),
- '1/2': '50%',
- '1/3': '33.333333%',
- '2/3': '66.666667%',
- '1/4': '25%',
- '2/4': '50%',
- '3/4': '75%',
- full: '100%',
- }),
- size: ({ theme }) => ({
- auto: 'auto',
- ...theme('spacing'),
- '1/2': '50%',
- '1/3': '33.333333%',
- '2/3': '66.666667%',
- '1/4': '25%',
- '2/4': '50%',
- '3/4': '75%',
- '1/5': '20%',
- '2/5': '40%',
- '3/5': '60%',
- '4/5': '80%',
- '1/6': '16.666667%',
- '2/6': '33.333333%',
- '3/6': '50%',
- '4/6': '66.666667%',
- '5/6': '83.333333%',
- '1/12': '8.333333%',
- '2/12': '16.666667%',
- '3/12': '25%',
- '4/12': '33.333333%',
- '5/12': '41.666667%',
- '6/12': '50%',
- '7/12': '58.333333%',
- '8/12': '66.666667%',
- '9/12': '75%',
- '10/12': '83.333333%',
- '11/12': '91.666667%',
- full: '100%',
- min: 'min-content',
- max: 'max-content',
- fit: 'fit-content',
- }),
- width: ({ theme }) => ({
- auto: 'auto',
- ...theme('spacing'),
- '1/2': '50%',
- '1/3': '33.333333%',
- '2/3': '66.666667%',
- '1/4': '25%',
- '2/4': '50%',
- '3/4': '75%',
- '1/5': '20%',
- '2/5': '40%',
- '3/5': '60%',
- '4/5': '80%',
- '1/6': '16.666667%',
- '2/6': '33.333333%',
- '3/6': '50%',
- '4/6': '66.666667%',
- '5/6': '83.333333%',
- '1/12': '8.333333%',
- '2/12': '16.666667%',
- '3/12': '25%',
- '4/12': '33.333333%',
- '5/12': '41.666667%',
- '6/12': '50%',
- '7/12': '58.333333%',
- '8/12': '66.666667%',
- '9/12': '75%',
- '10/12': '83.333333%',
- '11/12': '91.666667%',
- full: '100%',
- screen: '100vw',
- svw: '100svw',
- lvw: '100lvw',
- dvw: '100dvw',
- min: 'min-content',
- max: 'max-content',
- fit: 'fit-content',
- }),
- willChange: {
- auto: 'auto',
- scroll: 'scroll-position',
- contents: 'contents',
- transform: 'transform',
- },
- zIndex: {
- auto: 'auto',
- 0: '0',
- 10: '10',
- 20: '20',
- 30: '30',
- 40: '40',
- 50: '50',
- },
- },
- plugins: [],
- }
|