config.full.js 23 KB

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