-
Notifications
You must be signed in to change notification settings - Fork 2
/
tailwind-defaultVariants.js
100 lines (100 loc) · 3.2 KB
/
tailwind-defaultVariants.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
// https://tailwindcss.com/docs/configuring-variants/#default-variants-reference
module.exports = Object.freeze({
accessibility: ["responsive", "focus"],
alignContent: ["responsive"],
alignItems: ["responsive"],
alignSelf: ["responsive"],
appearance: ["responsive"],
backgroundAttachment: ["responsive"],
backgroundColor: ["responsive", "hover", "focus"],
backgroundOpacity: ["responsive", "hover", "focus"],
backgroundPosition: ["responsive"],
backgroundRepeat: ["responsive"],
backgroundSize: ["responsive"],
borderCollapse: ["responsive"],
borderColor: ["responsive", "hover", "focus"],
borderOpacity: ["responsive", "hover", "focus"],
borderRadius: ["responsive"],
borderStyle: ["responsive"],
borderWidth: ["responsive"],
boxShadow: ["responsive", "hover", "focus"],
boxSizing: ["responsive"],
clear: ["responsive"],
cursor: ["responsive"],
display: ["responsive"],
divideColor: ["responsive"],
divideOpacity: ["responsive"],
divideWidth: ["responsive"],
fill: ["responsive"],
flex: ["responsive"],
flexDirection: ["responsive"],
flexGrow: ["responsive"],
flexShrink: ["responsive"],
flexWrap: ["responsive"],
float: ["responsive"],
fontFamily: ["responsive"],
fontSize: ["responsive"],
fontSmoothing: ["responsive"],
fontStyle: ["responsive"],
fontWeight: ["responsive", "hover", "focus"],
gap: ["responsive"],
gridAutoFlow: ["responsive"],
gridColumn: ["responsive"],
gridColumnEnd: ["responsive"],
gridColumnStart: ["responsive"],
gridRow: ["responsive"],
gridRowEnd: ["responsive"],
gridRowStart: ["responsive"],
gridTemplateColumns: ["responsive"],
gridTemplateRows: ["responsive"],
height: ["responsive"],
inset: ["responsive"],
justifyContent: ["responsive"],
letterSpacing: ["responsive"],
lineHeight: ["responsive"],
listStylePosition: ["responsive"],
listStyleType: ["responsive"],
margin: ["responsive"],
maxHeight: ["responsive"],
maxWidth: ["responsive"],
minHeight: ["responsive"],
minWidth: ["responsive"],
objectFit: ["responsive"],
objectPosition: ["responsive"],
opacity: ["responsive", "hover", "focus"],
order: ["responsive"],
outline: ["responsive", "focus"],
overflow: ["responsive"],
padding: ["responsive"],
placeholderColor: ["responsive", "focus"],
placeholderOpacity: ["responsive", "focus"],
pointerEvents: ["responsive"],
position: ["responsive"],
resize: ["responsive"],
rotate: ["responsive", "hover", "focus"],
scale: ["responsive", "hover", "focus"],
skew: ["responsive", "hover", "focus"],
space: ["responsive"],
stroke: ["responsive"],
strokeWidth: ["responsive"],
tableLayout: ["responsive"],
textAlign: ["responsive"],
textColor: ["responsive", "hover", "focus"],
textDecoration: ["responsive", "hover", "focus"],
textOpacity: ["responsive", "hover", "focus"],
textTransform: ["responsive"],
transform: ["responsive"],
transformOrigin: ["responsive"],
transitionDelay: ["responsive"],
transitionDuration: ["responsive"],
transitionProperty: ["responsive"],
transitionTimingFunction: ["responsive"],
translate: ["responsive", "hover", "focus"],
userSelect: ["responsive"],
verticalAlign: ["responsive"],
visibility: ["responsive"],
whitespace: ["responsive"],
width: ["responsive"],
wordBreak: ["responsive"],
zIndex: ["responsive"],
})