config.full.js 24 KB

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