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.
- package/README.md +5 -6
- package/dist/lib.d.mts +324 -0
- package/dist/lib.d.ts +324 -0
- package/dist/lib.js +11 -0
- package/dist/lib.mjs +11 -0
- package/index.css +5 -0
- package/package.json +29 -107
- package/preflight.css +355 -0
- package/theme.css +465 -0
- package/CHANGELOG.md +0 -2571
- package/base.css +0 -1
- package/colors.d.ts +0 -3
- package/colors.js +0 -2
- package/components.css +0 -1
- package/defaultConfig.d.ts +0 -3
- package/defaultConfig.js +0 -2
- package/defaultTheme.d.ts +0 -4
- package/defaultTheme.js +0 -2
- package/lib/cli/build/deps.js +0 -62
- package/lib/cli/build/index.js +0 -54
- package/lib/cli/build/plugin.js +0 -378
- package/lib/cli/build/utils.js +0 -88
- package/lib/cli/build/watching.js +0 -182
- package/lib/cli/help/index.js +0 -73
- package/lib/cli/index.js +0 -230
- package/lib/cli/init/index.js +0 -63
- package/lib/cli-peer-dependencies.js +0 -36
- package/lib/cli.js +0 -7
- package/lib/corePluginList.js +0 -190
- package/lib/corePlugins.js +0 -4282
- package/lib/css/LICENSE +0 -25
- package/lib/css/preflight.css +0 -385
- package/lib/featureFlags.js +0 -83
- package/lib/index.js +0 -2
- package/lib/lib/cacheInvalidation.js +0 -92
- package/lib/lib/collapseAdjacentRules.js +0 -61
- package/lib/lib/collapseDuplicateDeclarations.js +0 -85
- package/lib/lib/content.js +0 -181
- package/lib/lib/defaultExtractor.js +0 -251
- package/lib/lib/detectNesting.js +0 -45
- package/lib/lib/evaluateTailwindFunctions.js +0 -238
- package/lib/lib/expandApplyAtRules.js +0 -540
- package/lib/lib/expandTailwindAtRules.js +0 -291
- package/lib/lib/findAtConfigPath.js +0 -46
- package/lib/lib/generateRules.js +0 -904
- package/lib/lib/getModuleDependencies.js +0 -99
- package/lib/lib/load-config.js +0 -53
- package/lib/lib/normalizeTailwindDirectives.js +0 -89
- package/lib/lib/offsets.js +0 -306
- package/lib/lib/partitionApplyAtRules.js +0 -58
- package/lib/lib/regex.js +0 -74
- package/lib/lib/remap-bitfield.js +0 -89
- package/lib/lib/resolveDefaultsAtRules.js +0 -165
- package/lib/lib/setupContextUtils.js +0 -1294
- package/lib/lib/setupTrackingContext.js +0 -166
- package/lib/lib/sharedState.js +0 -87
- package/lib/lib/substituteScreenAtRules.js +0 -31
- package/lib/oxide/cli/build/deps.js +0 -89
- package/lib/oxide/cli/build/index.js +0 -53
- package/lib/oxide/cli/build/plugin.js +0 -375
- package/lib/oxide/cli/build/utils.js +0 -87
- package/lib/oxide/cli/build/watching.js +0 -179
- package/lib/oxide/cli/help/index.js +0 -72
- package/lib/oxide/cli/index.js +0 -214
- package/lib/oxide/cli/init/index.js +0 -52
- package/lib/oxide/cli.js +0 -5
- package/lib/oxide/postcss-plugin.js +0 -2
- package/lib/plugin.js +0 -98
- package/lib/postcss-plugins/nesting/README.md +0 -42
- package/lib/postcss-plugins/nesting/index.js +0 -21
- package/lib/postcss-plugins/nesting/plugin.js +0 -89
- package/lib/processTailwindFeatures.js +0 -64
- package/lib/public/colors.js +0 -355
- package/lib/public/create-plugin.js +0 -17
- package/lib/public/default-config.js +0 -18
- package/lib/public/default-theme.js +0 -18
- package/lib/public/load-config.js +0 -12
- package/lib/public/resolve-config.js +0 -24
- package/lib/util/applyImportantSelector.js +0 -36
- package/lib/util/bigSign.js +0 -13
- package/lib/util/buildMediaQuery.js +0 -27
- package/lib/util/cloneDeep.js +0 -22
- package/lib/util/cloneNodes.js +0 -54
- package/lib/util/color.js +0 -116
- package/lib/util/colorNames.js +0 -752
- package/lib/util/configurePlugins.js +0 -23
- package/lib/util/createPlugin.js +0 -32
- package/lib/util/createUtilityPlugin.js +0 -53
- package/lib/util/dataTypes.js +0 -415
- package/lib/util/defaults.js +0 -27
- package/lib/util/escapeClassName.js +0 -24
- package/lib/util/escapeCommas.js +0 -13
- package/lib/util/flattenColorPalette.js +0 -18
- package/lib/util/formatVariantSelector.js +0 -270
- package/lib/util/getAllConfigs.js +0 -50
- package/lib/util/hashConfig.js +0 -21
- package/lib/util/isKeyframeRule.js +0 -13
- package/lib/util/isPlainObject.js +0 -17
- package/lib/util/isSyntacticallyValidPropertyValue.js +0 -74
- package/lib/util/log.js +0 -61
- package/lib/util/nameClass.js +0 -49
- package/lib/util/negateValue.js +0 -36
- package/lib/util/normalizeConfig.js +0 -282
- package/lib/util/normalizeScreens.js +0 -178
- package/lib/util/parseAnimationValue.js +0 -93
- package/lib/util/parseBoxShadowValue.js +0 -88
- package/lib/util/parseDependency.js +0 -47
- package/lib/util/parseGlob.js +0 -36
- package/lib/util/parseObjectStyles.js +0 -36
- package/lib/util/pluginUtils.js +0 -289
- package/lib/util/prefixSelector.js +0 -39
- package/lib/util/pseudoElements.js +0 -212
- package/lib/util/removeAlphaVariables.js +0 -31
- package/lib/util/resolveConfig.js +0 -256
- package/lib/util/resolveConfigPath.js +0 -70
- package/lib/util/responsive.js +0 -24
- package/lib/util/splitAtTopLevelOnly.js +0 -51
- package/lib/util/tap.js +0 -14
- package/lib/util/toColorValue.js +0 -13
- package/lib/util/toPath.js +0 -32
- package/lib/util/transformThemeValue.js +0 -73
- package/lib/util/validateConfig.js +0 -37
- package/lib/util/validateFormalSyntax.js +0 -26
- package/lib/util/withAlphaVariable.js +0 -79
- package/lib/value-parser/LICENSE +0 -22
- package/lib/value-parser/README.md +0 -3
- package/lib/value-parser/index.d.js +0 -2
- package/lib/value-parser/index.js +0 -22
- package/lib/value-parser/parse.js +0 -259
- package/lib/value-parser/stringify.js +0 -38
- package/lib/value-parser/unit.js +0 -86
- package/lib/value-parser/walk.js +0 -16
- package/loadConfig.d.ts +0 -4
- package/loadConfig.js +0 -2
- package/nesting/index.d.ts +0 -4
- package/nesting/index.js +0 -2
- package/peers/index.js +0 -96624
- package/plugin.d.ts +0 -11
- package/plugin.js +0 -2
- package/prettier.config.js +0 -19
- package/resolveConfig.d.ts +0 -31
- package/resolveConfig.js +0 -2
- package/screens.css +0 -1
- package/scripts/create-plugin-list.js +0 -10
- package/scripts/generate-types.js +0 -104
- package/scripts/release-channel.js +0 -18
- package/scripts/release-notes.js +0 -21
- package/scripts/swap-engines.js +0 -40
- package/scripts/type-utils.js +0 -27
- package/src/cli/build/deps.js +0 -56
- package/src/cli/build/index.js +0 -49
- package/src/cli/build/plugin.js +0 -444
- package/src/cli/build/utils.js +0 -76
- package/src/cli/build/watching.js +0 -229
- package/src/cli/help/index.js +0 -70
- package/src/cli/index.js +0 -216
- package/src/cli/init/index.js +0 -79
- package/src/cli-peer-dependencies.js +0 -15
- package/src/cli.js +0 -7
- package/src/corePluginList.js +0 -1
- package/src/corePlugins.js +0 -2943
- package/src/css/LICENSE +0 -25
- package/src/css/preflight.css +0 -385
- package/src/featureFlags.js +0 -66
- package/src/index.js +0 -1
- package/src/lib/cacheInvalidation.js +0 -52
- package/src/lib/collapseAdjacentRules.js +0 -58
- package/src/lib/collapseDuplicateDeclarations.js +0 -93
- package/src/lib/content.js +0 -208
- package/src/lib/defaultExtractor.js +0 -230
- package/src/lib/detectNesting.js +0 -47
- package/src/lib/evaluateTailwindFunctions.js +0 -272
- package/src/lib/expandApplyAtRules.js +0 -620
- package/src/lib/expandTailwindAtRules.js +0 -300
- package/src/lib/findAtConfigPath.js +0 -48
- package/src/lib/generateRules.js +0 -951
- package/src/lib/getModuleDependencies.js +0 -79
- package/src/lib/load-config.ts +0 -39
- package/src/lib/normalizeTailwindDirectives.js +0 -84
- package/src/lib/offsets.js +0 -373
- package/src/lib/partitionApplyAtRules.js +0 -52
- package/src/lib/regex.js +0 -74
- package/src/lib/remap-bitfield.js +0 -82
- package/src/lib/resolveDefaultsAtRules.js +0 -163
- package/src/lib/setupContextUtils.js +0 -1366
- package/src/lib/setupTrackingContext.js +0 -169
- package/src/lib/sharedState.js +0 -61
- package/src/lib/substituteScreenAtRules.js +0 -19
- package/src/oxide/cli/build/deps.ts +0 -91
- package/src/oxide/cli/build/index.ts +0 -47
- package/src/oxide/cli/build/plugin.ts +0 -442
- package/src/oxide/cli/build/utils.ts +0 -74
- package/src/oxide/cli/build/watching.ts +0 -225
- package/src/oxide/cli/help/index.ts +0 -69
- package/src/oxide/cli/index.ts +0 -204
- package/src/oxide/cli/init/index.ts +0 -59
- package/src/oxide/cli.ts +0 -1
- package/src/oxide/postcss-plugin.ts +0 -1
- package/src/plugin.js +0 -107
- package/src/postcss-plugins/nesting/README.md +0 -42
- package/src/postcss-plugins/nesting/index.js +0 -13
- package/src/postcss-plugins/nesting/plugin.js +0 -80
- package/src/processTailwindFeatures.js +0 -59
- package/src/public/colors.js +0 -322
- package/src/public/create-plugin.js +0 -2
- package/src/public/default-config.js +0 -4
- package/src/public/default-theme.js +0 -4
- package/src/public/load-config.js +0 -2
- package/src/public/resolve-config.js +0 -7
- package/src/util/applyImportantSelector.js +0 -27
- package/src/util/bigSign.js +0 -3
- package/src/util/buildMediaQuery.js +0 -22
- package/src/util/cloneDeep.js +0 -11
- package/src/util/cloneNodes.js +0 -49
- package/src/util/color.js +0 -88
- package/src/util/colorNames.js +0 -150
- package/src/util/configurePlugins.js +0 -23
- package/src/util/createPlugin.js +0 -27
- package/src/util/createUtilityPlugin.js +0 -37
- package/src/util/dataTypes.js +0 -406
- package/src/util/defaults.js +0 -17
- package/src/util/escapeClassName.js +0 -8
- package/src/util/escapeCommas.js +0 -3
- package/src/util/flattenColorPalette.js +0 -13
- package/src/util/formatVariantSelector.js +0 -324
- package/src/util/getAllConfigs.js +0 -38
- package/src/util/hashConfig.js +0 -5
- package/src/util/isKeyframeRule.js +0 -3
- package/src/util/isPlainObject.js +0 -8
- package/src/util/isSyntacticallyValidPropertyValue.js +0 -61
- package/src/util/log.js +0 -29
- package/src/util/nameClass.js +0 -30
- package/src/util/negateValue.js +0 -24
- package/src/util/normalizeConfig.js +0 -301
- package/src/util/normalizeScreens.js +0 -140
- package/src/util/parseAnimationValue.js +0 -68
- package/src/util/parseBoxShadowValue.js +0 -72
- package/src/util/parseDependency.js +0 -44
- package/src/util/parseGlob.js +0 -24
- package/src/util/parseObjectStyles.js +0 -19
- package/src/util/pluginUtils.js +0 -307
- package/src/util/prefixSelector.js +0 -33
- package/src/util/pseudoElements.js +0 -171
- package/src/util/removeAlphaVariables.js +0 -24
- package/src/util/resolveConfig.js +0 -277
- package/src/util/resolveConfigPath.js +0 -66
- package/src/util/responsive.js +0 -10
- package/src/util/splitAtTopLevelOnly.js +0 -52
- package/src/util/tap.js +0 -4
- package/src/util/toColorValue.js +0 -3
- package/src/util/toPath.js +0 -26
- package/src/util/transformThemeValue.js +0 -62
- package/src/util/validateConfig.js +0 -26
- package/src/util/validateFormalSyntax.js +0 -34
- package/src/util/withAlphaVariable.js +0 -49
- package/src/value-parser/LICENSE +0 -22
- package/src/value-parser/README.md +0 -3
- package/src/value-parser/index.d.ts +0 -177
- package/src/value-parser/index.js +0 -28
- package/src/value-parser/parse.js +0 -303
- package/src/value-parser/stringify.js +0 -41
- package/src/value-parser/unit.js +0 -118
- package/src/value-parser/walk.js +0 -18
- package/stubs/.gitignore +0 -1
- package/stubs/.prettierrc.json +0 -6
- package/stubs/config.full.js +0 -1062
- package/stubs/config.simple.js +0 -7
- package/stubs/postcss.config.cjs +0 -6
- package/stubs/postcss.config.js +0 -6
- package/stubs/tailwind.config.cjs +0 -2
- package/stubs/tailwind.config.js +0 -2
- package/stubs/tailwind.config.ts +0 -3
- package/tailwind.css +0 -5
- package/types/config.d.ts +0 -376
- package/types/generated/.gitkeep +0 -0
- package/types/generated/colors.d.ts +0 -298
- package/types/generated/corePluginList.d.ts +0 -1
- package/types/generated/default-theme.d.ts +0 -397
- package/types/index.d.ts +0 -11
- package/variants.css +0 -1
package/stubs/config.full.js
DELETED
@@ -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
|
-
}
|