Açıklama Yok

config.full.js 23KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992
  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: '0',
  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. '-apple-system',
  307. 'BlinkMacSystemFont',
  308. '"Segoe UI"',
  309. 'Roboto',
  310. '"Helvetica Neue"',
  311. 'Arial',
  312. '"Noto Sans"',
  313. 'sans-serif',
  314. '"Apple Color Emoji"',
  315. '"Segoe UI Emoji"',
  316. '"Segoe UI Symbol"',
  317. '"Noto Color Emoji"',
  318. ],
  319. serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
  320. mono: [
  321. 'ui-monospace',
  322. 'SFMono-Regular',
  323. 'Menlo',
  324. 'Monaco',
  325. 'Consolas',
  326. '"Liberation Mono"',
  327. '"Courier New"',
  328. 'monospace',
  329. ],
  330. },
  331. fontSize: {
  332. xs: ['0.75rem', { lineHeight: '1rem' }],
  333. sm: ['0.875rem', { lineHeight: '1.25rem' }],
  334. base: ['1rem', { lineHeight: '1.5rem' }],
  335. lg: ['1.125rem', { lineHeight: '1.75rem' }],
  336. xl: ['1.25rem', { lineHeight: '1.75rem' }],
  337. '2xl': ['1.5rem', { lineHeight: '2rem' }],
  338. '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
  339. '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
  340. '5xl': ['3rem', { lineHeight: '1' }],
  341. '6xl': ['3.75rem', { lineHeight: '1' }],
  342. '7xl': ['4.5rem', { lineHeight: '1' }],
  343. '8xl': ['6rem', { lineHeight: '1' }],
  344. '9xl': ['8rem', { lineHeight: '1' }],
  345. },
  346. fontWeight: {
  347. thin: '100',
  348. extralight: '200',
  349. light: '300',
  350. normal: '400',
  351. medium: '500',
  352. semibold: '600',
  353. bold: '700',
  354. extrabold: '800',
  355. black: '900',
  356. },
  357. gap: ({ theme }) => theme('spacing'),
  358. gradientColorStops: ({ theme }) => theme('colors'),
  359. gradientColorStopPositions: {
  360. '0%': '0%',
  361. '5%': '5%',
  362. '10%': '10%',
  363. '15%': '15%',
  364. '20%': '20%',
  365. '25%': '25%',
  366. '30%': '30%',
  367. '35%': '35%',
  368. '40%': '40%',
  369. '45%': '45%',
  370. '50%': '50%',
  371. '55%': '55%',
  372. '60%': '60%',
  373. '65%': '65%',
  374. '70%': '70%',
  375. '75%': '75%',
  376. '80%': '80%',
  377. '85%': '85%',
  378. '90%': '90%',
  379. '95%': '95%',
  380. '100%': '100%',
  381. },
  382. grayscale: {
  383. 0: '0',
  384. DEFAULT: '100%',
  385. },
  386. gridAutoColumns: {
  387. auto: 'auto',
  388. min: 'min-content',
  389. max: 'max-content',
  390. fr: 'minmax(0, 1fr)',
  391. },
  392. gridAutoRows: {
  393. auto: 'auto',
  394. min: 'min-content',
  395. max: 'max-content',
  396. fr: 'minmax(0, 1fr)',
  397. },
  398. gridColumn: {
  399. auto: 'auto',
  400. 'span-1': 'span 1 / span 1',
  401. 'span-2': 'span 2 / span 2',
  402. 'span-3': 'span 3 / span 3',
  403. 'span-4': 'span 4 / span 4',
  404. 'span-5': 'span 5 / span 5',
  405. 'span-6': 'span 6 / span 6',
  406. 'span-7': 'span 7 / span 7',
  407. 'span-8': 'span 8 / span 8',
  408. 'span-9': 'span 9 / span 9',
  409. 'span-10': 'span 10 / span 10',
  410. 'span-11': 'span 11 / span 11',
  411. 'span-12': 'span 12 / span 12',
  412. 'span-full': '1 / -1',
  413. },
  414. gridColumnEnd: {
  415. auto: 'auto',
  416. 1: '1',
  417. 2: '2',
  418. 3: '3',
  419. 4: '4',
  420. 5: '5',
  421. 6: '6',
  422. 7: '7',
  423. 8: '8',
  424. 9: '9',
  425. 10: '10',
  426. 11: '11',
  427. 12: '12',
  428. 13: '13',
  429. },
  430. gridColumnStart: {
  431. auto: 'auto',
  432. 1: '1',
  433. 2: '2',
  434. 3: '3',
  435. 4: '4',
  436. 5: '5',
  437. 6: '6',
  438. 7: '7',
  439. 8: '8',
  440. 9: '9',
  441. 10: '10',
  442. 11: '11',
  443. 12: '12',
  444. 13: '13',
  445. },
  446. gridRow: {
  447. auto: 'auto',
  448. 'span-1': 'span 1 / span 1',
  449. 'span-2': 'span 2 / span 2',
  450. 'span-3': 'span 3 / span 3',
  451. 'span-4': 'span 4 / span 4',
  452. 'span-5': 'span 5 / span 5',
  453. 'span-6': 'span 6 / span 6',
  454. 'span-full': '1 / -1',
  455. },
  456. gridRowEnd: {
  457. auto: 'auto',
  458. 1: '1',
  459. 2: '2',
  460. 3: '3',
  461. 4: '4',
  462. 5: '5',
  463. 6: '6',
  464. 7: '7',
  465. },
  466. gridRowStart: {
  467. auto: 'auto',
  468. 1: '1',
  469. 2: '2',
  470. 3: '3',
  471. 4: '4',
  472. 5: '5',
  473. 6: '6',
  474. 7: '7',
  475. },
  476. gridTemplateColumns: {
  477. none: 'none',
  478. 1: 'repeat(1, minmax(0, 1fr))',
  479. 2: 'repeat(2, minmax(0, 1fr))',
  480. 3: 'repeat(3, minmax(0, 1fr))',
  481. 4: 'repeat(4, minmax(0, 1fr))',
  482. 5: 'repeat(5, minmax(0, 1fr))',
  483. 6: 'repeat(6, minmax(0, 1fr))',
  484. 7: 'repeat(7, minmax(0, 1fr))',
  485. 8: 'repeat(8, minmax(0, 1fr))',
  486. 9: 'repeat(9, minmax(0, 1fr))',
  487. 10: 'repeat(10, minmax(0, 1fr))',
  488. 11: 'repeat(11, minmax(0, 1fr))',
  489. 12: 'repeat(12, minmax(0, 1fr))',
  490. },
  491. gridTemplateRows: {
  492. none: 'none',
  493. 1: 'repeat(1, minmax(0, 1fr))',
  494. 2: 'repeat(2, minmax(0, 1fr))',
  495. 3: 'repeat(3, minmax(0, 1fr))',
  496. 4: 'repeat(4, minmax(0, 1fr))',
  497. 5: 'repeat(5, minmax(0, 1fr))',
  498. 6: 'repeat(6, minmax(0, 1fr))',
  499. },
  500. height: ({ theme }) => ({
  501. auto: 'auto',
  502. ...theme('spacing'),
  503. '1/2': '50%',
  504. '1/3': '33.333333%',
  505. '2/3': '66.666667%',
  506. '1/4': '25%',
  507. '2/4': '50%',
  508. '3/4': '75%',
  509. '1/5': '20%',
  510. '2/5': '40%',
  511. '3/5': '60%',
  512. '4/5': '80%',
  513. '1/6': '16.666667%',
  514. '2/6': '33.333333%',
  515. '3/6': '50%',
  516. '4/6': '66.666667%',
  517. '5/6': '83.333333%',
  518. full: '100%',
  519. screen: '100vh',
  520. min: 'min-content',
  521. max: 'max-content',
  522. fit: 'fit-content',
  523. }),
  524. hueRotate: {
  525. 0: '0deg',
  526. 15: '15deg',
  527. 30: '30deg',
  528. 60: '60deg',
  529. 90: '90deg',
  530. 180: '180deg',
  531. },
  532. inset: ({ theme }) => ({
  533. auto: 'auto',
  534. ...theme('spacing'),
  535. '1/2': '50%',
  536. '1/3': '33.333333%',
  537. '2/3': '66.666667%',
  538. '1/4': '25%',
  539. '2/4': '50%',
  540. '3/4': '75%',
  541. full: '100%',
  542. }),
  543. invert: {
  544. 0: '0',
  545. DEFAULT: '100%',
  546. },
  547. keyframes: {
  548. spin: {
  549. to: {
  550. transform: 'rotate(360deg)',
  551. },
  552. },
  553. ping: {
  554. '75%, 100%': {
  555. transform: 'scale(2)',
  556. opacity: '0',
  557. },
  558. },
  559. pulse: {
  560. '50%': {
  561. opacity: '.5',
  562. },
  563. },
  564. bounce: {
  565. '0%, 100%': {
  566. transform: 'translateY(-25%)',
  567. animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
  568. },
  569. '50%': {
  570. transform: 'none',
  571. animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
  572. },
  573. },
  574. },
  575. letterSpacing: {
  576. tighter: '-0.05em',
  577. tight: '-0.025em',
  578. normal: '0em',
  579. wide: '0.025em',
  580. wider: '0.05em',
  581. widest: '0.1em',
  582. },
  583. lineHeight: {
  584. none: '1',
  585. tight: '1.25',
  586. snug: '1.375',
  587. normal: '1.5',
  588. relaxed: '1.625',
  589. loose: '2',
  590. 3: '.75rem',
  591. 4: '1rem',
  592. 5: '1.25rem',
  593. 6: '1.5rem',
  594. 7: '1.75rem',
  595. 8: '2rem',
  596. 9: '2.25rem',
  597. 10: '2.5rem',
  598. },
  599. listStyleType: {
  600. none: 'none',
  601. disc: 'disc',
  602. decimal: 'decimal',
  603. },
  604. listStyleImage: {
  605. none: 'none',
  606. },
  607. margin: ({ theme }) => ({
  608. auto: 'auto',
  609. ...theme('spacing'),
  610. }),
  611. lineClamp: {
  612. 1: '1',
  613. 2: '2',
  614. 3: '3',
  615. 4: '4',
  616. 5: '5',
  617. 6: '6',
  618. },
  619. maxHeight: ({ theme }) => ({
  620. ...theme('spacing'),
  621. none: 'none',
  622. full: '100%',
  623. screen: '100vh',
  624. min: 'min-content',
  625. max: 'max-content',
  626. fit: 'fit-content',
  627. }),
  628. maxWidth: ({ theme, breakpoints }) => ({
  629. none: 'none',
  630. 0: '0rem',
  631. xs: '20rem',
  632. sm: '24rem',
  633. md: '28rem',
  634. lg: '32rem',
  635. xl: '36rem',
  636. '2xl': '42rem',
  637. '3xl': '48rem',
  638. '4xl': '56rem',
  639. '5xl': '64rem',
  640. '6xl': '72rem',
  641. '7xl': '80rem',
  642. full: '100%',
  643. min: 'min-content',
  644. max: 'max-content',
  645. fit: 'fit-content',
  646. prose: '65ch',
  647. ...breakpoints(theme('screens')),
  648. }),
  649. minHeight: {
  650. 0: '0px',
  651. full: '100%',
  652. screen: '100vh',
  653. min: 'min-content',
  654. max: 'max-content',
  655. fit: 'fit-content',
  656. },
  657. minWidth: {
  658. 0: '0px',
  659. full: '100%',
  660. min: 'min-content',
  661. max: 'max-content',
  662. fit: 'fit-content',
  663. },
  664. objectPosition: {
  665. bottom: 'bottom',
  666. center: 'center',
  667. left: 'left',
  668. 'left-bottom': 'left bottom',
  669. 'left-top': 'left top',
  670. right: 'right',
  671. 'right-bottom': 'right bottom',
  672. 'right-top': 'right top',
  673. top: 'top',
  674. },
  675. opacity: {
  676. 0: '0',
  677. 5: '0.05',
  678. 10: '0.1',
  679. 20: '0.2',
  680. 25: '0.25',
  681. 30: '0.3',
  682. 40: '0.4',
  683. 50: '0.5',
  684. 60: '0.6',
  685. 70: '0.7',
  686. 75: '0.75',
  687. 80: '0.8',
  688. 90: '0.9',
  689. 95: '0.95',
  690. 100: '1',
  691. },
  692. order: {
  693. first: '-9999',
  694. last: '9999',
  695. none: '0',
  696. 1: '1',
  697. 2: '2',
  698. 3: '3',
  699. 4: '4',
  700. 5: '5',
  701. 6: '6',
  702. 7: '7',
  703. 8: '8',
  704. 9: '9',
  705. 10: '10',
  706. 11: '11',
  707. 12: '12',
  708. },
  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. padding: ({ theme }) => theme('spacing'),
  725. placeholderColor: ({ theme }) => theme('colors'),
  726. placeholderOpacity: ({ theme }) => theme('opacity'),
  727. ringColor: ({ theme }) => ({
  728. DEFAULT: theme('colors.blue.500', '#3b82f6'),
  729. ...theme('colors'),
  730. }),
  731. ringOffsetColor: ({ theme }) => theme('colors'),
  732. ringOffsetWidth: {
  733. 0: '0px',
  734. 1: '1px',
  735. 2: '2px',
  736. 4: '4px',
  737. 8: '8px',
  738. },
  739. ringOpacity: ({ theme }) => ({
  740. DEFAULT: '0.5',
  741. ...theme('opacity'),
  742. }),
  743. ringWidth: {
  744. DEFAULT: '3px',
  745. 0: '0px',
  746. 1: '1px',
  747. 2: '2px',
  748. 4: '4px',
  749. 8: '8px',
  750. },
  751. rotate: {
  752. 0: '0deg',
  753. 1: '1deg',
  754. 2: '2deg',
  755. 3: '3deg',
  756. 6: '6deg',
  757. 12: '12deg',
  758. 45: '45deg',
  759. 90: '90deg',
  760. 180: '180deg',
  761. },
  762. saturate: {
  763. 0: '0',
  764. 50: '.5',
  765. 100: '1',
  766. 150: '1.5',
  767. 200: '2',
  768. },
  769. scale: {
  770. 0: '0',
  771. 50: '.5',
  772. 75: '.75',
  773. 90: '.9',
  774. 95: '.95',
  775. 100: '1',
  776. 105: '1.05',
  777. 110: '1.1',
  778. 125: '1.25',
  779. 150: '1.5',
  780. },
  781. screens: {
  782. sm: '640px',
  783. md: '768px',
  784. lg: '1024px',
  785. xl: '1280px',
  786. '2xl': '1536px',
  787. },
  788. scrollMargin: ({ theme }) => ({
  789. ...theme('spacing'),
  790. }),
  791. scrollPadding: ({ theme }) => theme('spacing'),
  792. sepia: {
  793. 0: '0',
  794. DEFAULT: '100%',
  795. },
  796. skew: {
  797. 0: '0deg',
  798. 1: '1deg',
  799. 2: '2deg',
  800. 3: '3deg',
  801. 6: '6deg',
  802. 12: '12deg',
  803. },
  804. space: ({ theme }) => ({
  805. ...theme('spacing'),
  806. }),
  807. spacing: {
  808. px: '1px',
  809. 0: '0px',
  810. 0.5: '0.125rem',
  811. 1: '0.25rem',
  812. 1.5: '0.375rem',
  813. 2: '0.5rem',
  814. 2.5: '0.625rem',
  815. 3: '0.75rem',
  816. 3.5: '0.875rem',
  817. 4: '1rem',
  818. 5: '1.25rem',
  819. 6: '1.5rem',
  820. 7: '1.75rem',
  821. 8: '2rem',
  822. 9: '2.25rem',
  823. 10: '2.5rem',
  824. 11: '2.75rem',
  825. 12: '3rem',
  826. 14: '3.5rem',
  827. 16: '4rem',
  828. 20: '5rem',
  829. 24: '6rem',
  830. 28: '7rem',
  831. 32: '8rem',
  832. 36: '9rem',
  833. 40: '10rem',
  834. 44: '11rem',
  835. 48: '12rem',
  836. 52: '13rem',
  837. 56: '14rem',
  838. 60: '15rem',
  839. 64: '16rem',
  840. 72: '18rem',
  841. 80: '20rem',
  842. 96: '24rem',
  843. },
  844. stroke: ({ theme }) => ({
  845. none: 'none',
  846. ...theme('colors'),
  847. }),
  848. strokeWidth: {
  849. 0: '0',
  850. 1: '1',
  851. 2: '2',
  852. },
  853. supports: {},
  854. data: {},
  855. textColor: ({ theme }) => theme('colors'),
  856. textDecorationColor: ({ theme }) => theme('colors'),
  857. textDecorationThickness: {
  858. auto: 'auto',
  859. 'from-font': 'from-font',
  860. 0: '0px',
  861. 1: '1px',
  862. 2: '2px',
  863. 4: '4px',
  864. 8: '8px',
  865. },
  866. textIndent: ({ theme }) => ({
  867. ...theme('spacing'),
  868. }),
  869. textOpacity: ({ theme }) => theme('opacity'),
  870. textUnderlineOffset: {
  871. auto: 'auto',
  872. 0: '0px',
  873. 1: '1px',
  874. 2: '2px',
  875. 4: '4px',
  876. 8: '8px',
  877. },
  878. transformOrigin: {
  879. center: 'center',
  880. top: 'top',
  881. 'top-right': 'top right',
  882. right: 'right',
  883. 'bottom-right': 'bottom right',
  884. bottom: 'bottom',
  885. 'bottom-left': 'bottom left',
  886. left: 'left',
  887. 'top-left': 'top left',
  888. },
  889. transitionDelay: {
  890. 0: '0s',
  891. 75: '75ms',
  892. 100: '100ms',
  893. 150: '150ms',
  894. 200: '200ms',
  895. 300: '300ms',
  896. 500: '500ms',
  897. 700: '700ms',
  898. 1000: '1000ms',
  899. },
  900. transitionDuration: {
  901. DEFAULT: '150ms',
  902. 0: '0s',
  903. 75: '75ms',
  904. 100: '100ms',
  905. 150: '150ms',
  906. 200: '200ms',
  907. 300: '300ms',
  908. 500: '500ms',
  909. 700: '700ms',
  910. 1000: '1000ms',
  911. },
  912. transitionProperty: {
  913. none: 'none',
  914. all: 'all',
  915. DEFAULT:
  916. 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
  917. colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
  918. opacity: 'opacity',
  919. shadow: 'box-shadow',
  920. transform: 'transform',
  921. },
  922. transitionTimingFunction: {
  923. DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
  924. linear: 'linear',
  925. in: 'cubic-bezier(0.4, 0, 1, 1)',
  926. out: 'cubic-bezier(0, 0, 0.2, 1)',
  927. 'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
  928. },
  929. translate: ({ theme }) => ({
  930. ...theme('spacing'),
  931. '1/2': '50%',
  932. '1/3': '33.333333%',
  933. '2/3': '66.666667%',
  934. '1/4': '25%',
  935. '2/4': '50%',
  936. '3/4': '75%',
  937. full: '100%',
  938. }),
  939. width: ({ theme }) => ({
  940. auto: 'auto',
  941. ...theme('spacing'),
  942. '1/2': '50%',
  943. '1/3': '33.333333%',
  944. '2/3': '66.666667%',
  945. '1/4': '25%',
  946. '2/4': '50%',
  947. '3/4': '75%',
  948. '1/5': '20%',
  949. '2/5': '40%',
  950. '3/5': '60%',
  951. '4/5': '80%',
  952. '1/6': '16.666667%',
  953. '2/6': '33.333333%',
  954. '3/6': '50%',
  955. '4/6': '66.666667%',
  956. '5/6': '83.333333%',
  957. '1/12': '8.333333%',
  958. '2/12': '16.666667%',
  959. '3/12': '25%',
  960. '4/12': '33.333333%',
  961. '5/12': '41.666667%',
  962. '6/12': '50%',
  963. '7/12': '58.333333%',
  964. '8/12': '66.666667%',
  965. '9/12': '75%',
  966. '10/12': '83.333333%',
  967. '11/12': '91.666667%',
  968. full: '100%',
  969. screen: '100vw',
  970. min: 'min-content',
  971. max: 'max-content',
  972. fit: 'fit-content',
  973. }),
  974. willChange: {
  975. auto: 'auto',
  976. scroll: 'scroll-position',
  977. contents: 'contents',
  978. transform: 'transform',
  979. },
  980. zIndex: {
  981. auto: 'auto',
  982. 0: '0',
  983. 10: '10',
  984. 20: '20',
  985. 30: '30',
  986. 40: '40',
  987. 50: '50',
  988. },
  989. },
  990. plugins: [],
  991. }