tailwindcss 3.4.1 → 4.0.0-alpha.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (280) hide show
  1. package/README.md +5 -6
  2. package/dist/lib.d.mts +324 -0
  3. package/dist/lib.d.ts +324 -0
  4. package/dist/lib.js +11 -0
  5. package/dist/lib.mjs +11 -0
  6. package/index.css +5 -0
  7. package/package.json +29 -107
  8. package/preflight.css +355 -0
  9. package/theme.css +465 -0
  10. package/CHANGELOG.md +0 -2571
  11. package/base.css +0 -1
  12. package/colors.d.ts +0 -3
  13. package/colors.js +0 -2
  14. package/components.css +0 -1
  15. package/defaultConfig.d.ts +0 -3
  16. package/defaultConfig.js +0 -2
  17. package/defaultTheme.d.ts +0 -4
  18. package/defaultTheme.js +0 -2
  19. package/lib/cli/build/deps.js +0 -62
  20. package/lib/cli/build/index.js +0 -54
  21. package/lib/cli/build/plugin.js +0 -378
  22. package/lib/cli/build/utils.js +0 -88
  23. package/lib/cli/build/watching.js +0 -182
  24. package/lib/cli/help/index.js +0 -73
  25. package/lib/cli/index.js +0 -230
  26. package/lib/cli/init/index.js +0 -63
  27. package/lib/cli-peer-dependencies.js +0 -36
  28. package/lib/cli.js +0 -7
  29. package/lib/corePluginList.js +0 -190
  30. package/lib/corePlugins.js +0 -4282
  31. package/lib/css/LICENSE +0 -25
  32. package/lib/css/preflight.css +0 -385
  33. package/lib/featureFlags.js +0 -83
  34. package/lib/index.js +0 -2
  35. package/lib/lib/cacheInvalidation.js +0 -92
  36. package/lib/lib/collapseAdjacentRules.js +0 -61
  37. package/lib/lib/collapseDuplicateDeclarations.js +0 -85
  38. package/lib/lib/content.js +0 -181
  39. package/lib/lib/defaultExtractor.js +0 -251
  40. package/lib/lib/detectNesting.js +0 -45
  41. package/lib/lib/evaluateTailwindFunctions.js +0 -238
  42. package/lib/lib/expandApplyAtRules.js +0 -540
  43. package/lib/lib/expandTailwindAtRules.js +0 -291
  44. package/lib/lib/findAtConfigPath.js +0 -46
  45. package/lib/lib/generateRules.js +0 -904
  46. package/lib/lib/getModuleDependencies.js +0 -99
  47. package/lib/lib/load-config.js +0 -53
  48. package/lib/lib/normalizeTailwindDirectives.js +0 -89
  49. package/lib/lib/offsets.js +0 -306
  50. package/lib/lib/partitionApplyAtRules.js +0 -58
  51. package/lib/lib/regex.js +0 -74
  52. package/lib/lib/remap-bitfield.js +0 -89
  53. package/lib/lib/resolveDefaultsAtRules.js +0 -165
  54. package/lib/lib/setupContextUtils.js +0 -1294
  55. package/lib/lib/setupTrackingContext.js +0 -166
  56. package/lib/lib/sharedState.js +0 -87
  57. package/lib/lib/substituteScreenAtRules.js +0 -31
  58. package/lib/oxide/cli/build/deps.js +0 -89
  59. package/lib/oxide/cli/build/index.js +0 -53
  60. package/lib/oxide/cli/build/plugin.js +0 -375
  61. package/lib/oxide/cli/build/utils.js +0 -87
  62. package/lib/oxide/cli/build/watching.js +0 -179
  63. package/lib/oxide/cli/help/index.js +0 -72
  64. package/lib/oxide/cli/index.js +0 -214
  65. package/lib/oxide/cli/init/index.js +0 -52
  66. package/lib/oxide/cli.js +0 -5
  67. package/lib/oxide/postcss-plugin.js +0 -2
  68. package/lib/plugin.js +0 -98
  69. package/lib/postcss-plugins/nesting/README.md +0 -42
  70. package/lib/postcss-plugins/nesting/index.js +0 -21
  71. package/lib/postcss-plugins/nesting/plugin.js +0 -89
  72. package/lib/processTailwindFeatures.js +0 -64
  73. package/lib/public/colors.js +0 -355
  74. package/lib/public/create-plugin.js +0 -17
  75. package/lib/public/default-config.js +0 -18
  76. package/lib/public/default-theme.js +0 -18
  77. package/lib/public/load-config.js +0 -12
  78. package/lib/public/resolve-config.js +0 -24
  79. package/lib/util/applyImportantSelector.js +0 -36
  80. package/lib/util/bigSign.js +0 -13
  81. package/lib/util/buildMediaQuery.js +0 -27
  82. package/lib/util/cloneDeep.js +0 -22
  83. package/lib/util/cloneNodes.js +0 -54
  84. package/lib/util/color.js +0 -116
  85. package/lib/util/colorNames.js +0 -752
  86. package/lib/util/configurePlugins.js +0 -23
  87. package/lib/util/createPlugin.js +0 -32
  88. package/lib/util/createUtilityPlugin.js +0 -53
  89. package/lib/util/dataTypes.js +0 -415
  90. package/lib/util/defaults.js +0 -27
  91. package/lib/util/escapeClassName.js +0 -24
  92. package/lib/util/escapeCommas.js +0 -13
  93. package/lib/util/flattenColorPalette.js +0 -18
  94. package/lib/util/formatVariantSelector.js +0 -270
  95. package/lib/util/getAllConfigs.js +0 -50
  96. package/lib/util/hashConfig.js +0 -21
  97. package/lib/util/isKeyframeRule.js +0 -13
  98. package/lib/util/isPlainObject.js +0 -17
  99. package/lib/util/isSyntacticallyValidPropertyValue.js +0 -74
  100. package/lib/util/log.js +0 -61
  101. package/lib/util/nameClass.js +0 -49
  102. package/lib/util/negateValue.js +0 -36
  103. package/lib/util/normalizeConfig.js +0 -282
  104. package/lib/util/normalizeScreens.js +0 -178
  105. package/lib/util/parseAnimationValue.js +0 -93
  106. package/lib/util/parseBoxShadowValue.js +0 -88
  107. package/lib/util/parseDependency.js +0 -47
  108. package/lib/util/parseGlob.js +0 -36
  109. package/lib/util/parseObjectStyles.js +0 -36
  110. package/lib/util/pluginUtils.js +0 -289
  111. package/lib/util/prefixSelector.js +0 -39
  112. package/lib/util/pseudoElements.js +0 -212
  113. package/lib/util/removeAlphaVariables.js +0 -31
  114. package/lib/util/resolveConfig.js +0 -256
  115. package/lib/util/resolveConfigPath.js +0 -70
  116. package/lib/util/responsive.js +0 -24
  117. package/lib/util/splitAtTopLevelOnly.js +0 -51
  118. package/lib/util/tap.js +0 -14
  119. package/lib/util/toColorValue.js +0 -13
  120. package/lib/util/toPath.js +0 -32
  121. package/lib/util/transformThemeValue.js +0 -73
  122. package/lib/util/validateConfig.js +0 -37
  123. package/lib/util/validateFormalSyntax.js +0 -26
  124. package/lib/util/withAlphaVariable.js +0 -79
  125. package/lib/value-parser/LICENSE +0 -22
  126. package/lib/value-parser/README.md +0 -3
  127. package/lib/value-parser/index.d.js +0 -2
  128. package/lib/value-parser/index.js +0 -22
  129. package/lib/value-parser/parse.js +0 -259
  130. package/lib/value-parser/stringify.js +0 -38
  131. package/lib/value-parser/unit.js +0 -86
  132. package/lib/value-parser/walk.js +0 -16
  133. package/loadConfig.d.ts +0 -4
  134. package/loadConfig.js +0 -2
  135. package/nesting/index.d.ts +0 -4
  136. package/nesting/index.js +0 -2
  137. package/peers/index.js +0 -96624
  138. package/plugin.d.ts +0 -11
  139. package/plugin.js +0 -2
  140. package/prettier.config.js +0 -19
  141. package/resolveConfig.d.ts +0 -31
  142. package/resolveConfig.js +0 -2
  143. package/screens.css +0 -1
  144. package/scripts/create-plugin-list.js +0 -10
  145. package/scripts/generate-types.js +0 -104
  146. package/scripts/release-channel.js +0 -18
  147. package/scripts/release-notes.js +0 -21
  148. package/scripts/swap-engines.js +0 -40
  149. package/scripts/type-utils.js +0 -27
  150. package/src/cli/build/deps.js +0 -56
  151. package/src/cli/build/index.js +0 -49
  152. package/src/cli/build/plugin.js +0 -444
  153. package/src/cli/build/utils.js +0 -76
  154. package/src/cli/build/watching.js +0 -229
  155. package/src/cli/help/index.js +0 -70
  156. package/src/cli/index.js +0 -216
  157. package/src/cli/init/index.js +0 -79
  158. package/src/cli-peer-dependencies.js +0 -15
  159. package/src/cli.js +0 -7
  160. package/src/corePluginList.js +0 -1
  161. package/src/corePlugins.js +0 -2943
  162. package/src/css/LICENSE +0 -25
  163. package/src/css/preflight.css +0 -385
  164. package/src/featureFlags.js +0 -66
  165. package/src/index.js +0 -1
  166. package/src/lib/cacheInvalidation.js +0 -52
  167. package/src/lib/collapseAdjacentRules.js +0 -58
  168. package/src/lib/collapseDuplicateDeclarations.js +0 -93
  169. package/src/lib/content.js +0 -208
  170. package/src/lib/defaultExtractor.js +0 -230
  171. package/src/lib/detectNesting.js +0 -47
  172. package/src/lib/evaluateTailwindFunctions.js +0 -272
  173. package/src/lib/expandApplyAtRules.js +0 -620
  174. package/src/lib/expandTailwindAtRules.js +0 -300
  175. package/src/lib/findAtConfigPath.js +0 -48
  176. package/src/lib/generateRules.js +0 -951
  177. package/src/lib/getModuleDependencies.js +0 -79
  178. package/src/lib/load-config.ts +0 -39
  179. package/src/lib/normalizeTailwindDirectives.js +0 -84
  180. package/src/lib/offsets.js +0 -373
  181. package/src/lib/partitionApplyAtRules.js +0 -52
  182. package/src/lib/regex.js +0 -74
  183. package/src/lib/remap-bitfield.js +0 -82
  184. package/src/lib/resolveDefaultsAtRules.js +0 -163
  185. package/src/lib/setupContextUtils.js +0 -1366
  186. package/src/lib/setupTrackingContext.js +0 -169
  187. package/src/lib/sharedState.js +0 -61
  188. package/src/lib/substituteScreenAtRules.js +0 -19
  189. package/src/oxide/cli/build/deps.ts +0 -91
  190. package/src/oxide/cli/build/index.ts +0 -47
  191. package/src/oxide/cli/build/plugin.ts +0 -442
  192. package/src/oxide/cli/build/utils.ts +0 -74
  193. package/src/oxide/cli/build/watching.ts +0 -225
  194. package/src/oxide/cli/help/index.ts +0 -69
  195. package/src/oxide/cli/index.ts +0 -204
  196. package/src/oxide/cli/init/index.ts +0 -59
  197. package/src/oxide/cli.ts +0 -1
  198. package/src/oxide/postcss-plugin.ts +0 -1
  199. package/src/plugin.js +0 -107
  200. package/src/postcss-plugins/nesting/README.md +0 -42
  201. package/src/postcss-plugins/nesting/index.js +0 -13
  202. package/src/postcss-plugins/nesting/plugin.js +0 -80
  203. package/src/processTailwindFeatures.js +0 -59
  204. package/src/public/colors.js +0 -322
  205. package/src/public/create-plugin.js +0 -2
  206. package/src/public/default-config.js +0 -4
  207. package/src/public/default-theme.js +0 -4
  208. package/src/public/load-config.js +0 -2
  209. package/src/public/resolve-config.js +0 -7
  210. package/src/util/applyImportantSelector.js +0 -27
  211. package/src/util/bigSign.js +0 -3
  212. package/src/util/buildMediaQuery.js +0 -22
  213. package/src/util/cloneDeep.js +0 -11
  214. package/src/util/cloneNodes.js +0 -49
  215. package/src/util/color.js +0 -88
  216. package/src/util/colorNames.js +0 -150
  217. package/src/util/configurePlugins.js +0 -23
  218. package/src/util/createPlugin.js +0 -27
  219. package/src/util/createUtilityPlugin.js +0 -37
  220. package/src/util/dataTypes.js +0 -406
  221. package/src/util/defaults.js +0 -17
  222. package/src/util/escapeClassName.js +0 -8
  223. package/src/util/escapeCommas.js +0 -3
  224. package/src/util/flattenColorPalette.js +0 -13
  225. package/src/util/formatVariantSelector.js +0 -324
  226. package/src/util/getAllConfigs.js +0 -38
  227. package/src/util/hashConfig.js +0 -5
  228. package/src/util/isKeyframeRule.js +0 -3
  229. package/src/util/isPlainObject.js +0 -8
  230. package/src/util/isSyntacticallyValidPropertyValue.js +0 -61
  231. package/src/util/log.js +0 -29
  232. package/src/util/nameClass.js +0 -30
  233. package/src/util/negateValue.js +0 -24
  234. package/src/util/normalizeConfig.js +0 -301
  235. package/src/util/normalizeScreens.js +0 -140
  236. package/src/util/parseAnimationValue.js +0 -68
  237. package/src/util/parseBoxShadowValue.js +0 -72
  238. package/src/util/parseDependency.js +0 -44
  239. package/src/util/parseGlob.js +0 -24
  240. package/src/util/parseObjectStyles.js +0 -19
  241. package/src/util/pluginUtils.js +0 -307
  242. package/src/util/prefixSelector.js +0 -33
  243. package/src/util/pseudoElements.js +0 -171
  244. package/src/util/removeAlphaVariables.js +0 -24
  245. package/src/util/resolveConfig.js +0 -277
  246. package/src/util/resolveConfigPath.js +0 -66
  247. package/src/util/responsive.js +0 -10
  248. package/src/util/splitAtTopLevelOnly.js +0 -52
  249. package/src/util/tap.js +0 -4
  250. package/src/util/toColorValue.js +0 -3
  251. package/src/util/toPath.js +0 -26
  252. package/src/util/transformThemeValue.js +0 -62
  253. package/src/util/validateConfig.js +0 -26
  254. package/src/util/validateFormalSyntax.js +0 -34
  255. package/src/util/withAlphaVariable.js +0 -49
  256. package/src/value-parser/LICENSE +0 -22
  257. package/src/value-parser/README.md +0 -3
  258. package/src/value-parser/index.d.ts +0 -177
  259. package/src/value-parser/index.js +0 -28
  260. package/src/value-parser/parse.js +0 -303
  261. package/src/value-parser/stringify.js +0 -41
  262. package/src/value-parser/unit.js +0 -118
  263. package/src/value-parser/walk.js +0 -18
  264. package/stubs/.gitignore +0 -1
  265. package/stubs/.prettierrc.json +0 -6
  266. package/stubs/config.full.js +0 -1062
  267. package/stubs/config.simple.js +0 -7
  268. package/stubs/postcss.config.cjs +0 -6
  269. package/stubs/postcss.config.js +0 -6
  270. package/stubs/tailwind.config.cjs +0 -2
  271. package/stubs/tailwind.config.js +0 -2
  272. package/stubs/tailwind.config.ts +0 -3
  273. package/tailwind.css +0 -5
  274. package/types/config.d.ts +0 -376
  275. package/types/generated/.gitkeep +0 -0
  276. package/types/generated/colors.d.ts +0 -298
  277. package/types/generated/corePluginList.d.ts +0 -1
  278. package/types/generated/default-theme.d.ts +0 -397
  279. package/types/index.d.ts +0 -11
  280. package/variants.css +0 -1
@@ -1,1062 +0,0 @@
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
- '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
- }