@master/css-preset 2.0.0-rc.84 → 2.0.0-rc.86

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/src/variants.css CHANGED
@@ -1,221 +1,77 @@
1
- @custom-variant @all {
2
- @media all {
3
- @slot;
4
- }
1
+ @custom-variant all {
2
+ @media all {
3
+ @slot;
4
+ }
5
5
  }
6
6
 
7
- @custom-variant @print {
8
- @media print {
9
- @slot;
10
- }
7
+ @custom-variant print {
8
+ @media print {
9
+ @slot;
10
+ }
11
11
  }
12
12
 
13
- @custom-variant @screen {
14
- @media screen {
15
- @slot;
16
- }
13
+ @custom-variant screen {
14
+ @media screen {
15
+ @slot;
16
+ }
17
17
  }
18
18
 
19
- @custom-variant @speech {
20
- @media speech {
21
- @slot;
22
- }
19
+ @custom-variant speech {
20
+ @media speech {
21
+ @slot;
22
+ }
23
23
  }
24
24
 
25
- @custom-variant @landscape {
26
- @media (orientation: landscape) {
27
- @slot;
28
- }
25
+ @custom-variant landscape {
26
+ @media (orientation: landscape) {
27
+ @slot;
28
+ }
29
29
  }
30
30
 
31
- @custom-variant @portrait {
32
- @media (orientation: portrait) {
33
- @slot;
34
- }
31
+ @custom-variant portrait {
32
+ @media (orientation: portrait) {
33
+ @slot;
34
+ }
35
35
  }
36
36
 
37
- @custom-variant @motion {
38
- @media (prefers-reduced-motion: no-preference) {
39
- @slot;
40
- }
37
+ @custom-variant motion {
38
+ @media (prefers-reduced-motion: no-preference) {
39
+ @slot;
40
+ }
41
41
  }
42
42
 
43
- @custom-variant @reduce-motion {
44
- @media (prefers-reduced-motion: reduce) {
45
- @slot;
46
- }
43
+ @custom-variant reduce-motion {
44
+ @media (prefers-reduced-motion: reduce) {
45
+ @slot;
46
+ }
47
47
  }
48
48
 
49
- @custom-variant @base {
50
- @layer base {
51
- @slot;
52
- }
49
+ @custom-variant base {
50
+ @layer base {
51
+ @slot;
52
+ }
53
53
  }
54
54
 
55
- @custom-variant @default {
56
- @layer defaults {
57
- @slot;
58
- }
55
+ @custom-variant default {
56
+ @layer defaults {
57
+ @slot;
58
+ }
59
59
  }
60
60
 
61
- @custom-variant @component {
62
- @layer components {
63
- @slot;
64
- }
61
+ @custom-variant component {
62
+ @layer components {
63
+ @slot;
64
+ }
65
65
  }
66
66
 
67
- @custom-variant @utility {
68
- @layer utilities {
69
- @slot;
70
- }
67
+ @custom-variant utility {
68
+ @layer utilities {
69
+ @slot;
70
+ }
71
71
  }
72
72
 
73
- @custom-variant @start {
74
- @starting-style {
75
- @slot;
76
- }
73
+ @custom-variant start {
74
+ @starting-style {
75
+ @slot;
76
+ }
77
77
  }
78
-
79
- @custom-variant :first {
80
- &:first-child {
81
- @slot;
82
- }
83
- }
84
-
85
- @custom-variant :last {
86
- &:last-child {
87
- @slot;
88
- }
89
- }
90
-
91
- @custom-variant :nth-last {
92
- &:nth-last-child {
93
- @slot;
94
- }
95
- }
96
-
97
- @custom-variant :even {
98
- &:nth-child(2n) {
99
- @slot;
100
- }
101
- }
102
-
103
- @custom-variant :odd {
104
- &:nth-child(odd) {
105
- @slot;
106
- }
107
- }
108
-
109
- @custom-variant :nth {
110
- &:nth-child {
111
- @slot;
112
- }
113
- }
114
-
115
- @custom-variant :only {
116
- &:only-child {
117
- @slot;
118
- }
119
- }
120
-
121
- @custom-variant :rtl {
122
- &:dir(rtl) {
123
- @slot;
124
- }
125
- }
126
-
127
- @custom-variant :ltr {
128
- &:dir(ltr) {
129
- @slot;
130
- }
131
- }
132
-
133
- @custom-variant ::scrollbar {
134
- &::-webkit-scrollbar {
135
- @slot;
136
- }
137
- }
138
-
139
- @custom-variant ::scrollbar-button {
140
- &::-webkit-scrollbar-button {
141
- @slot;
142
- }
143
- }
144
-
145
- @custom-variant ::scrollbar-thumb {
146
- &::-webkit-scrollbar-thumb {
147
- @slot;
148
- }
149
- }
150
-
151
- @custom-variant ::scrollbar-track {
152
- &::-webkit-scrollbar-track {
153
- @slot;
154
- }
155
- }
156
-
157
- @custom-variant ::scrollbar-track-piece {
158
- &::-webkit-scrollbar-track-piece {
159
- @slot;
160
- }
161
- }
162
-
163
- @custom-variant ::scrollbar-corner {
164
- &::-webkit-scrollbar-corner {
165
- @slot;
166
- }
167
- }
168
-
169
- @custom-variant ::slider-thumb {
170
- &::-webkit-slider-thumb {
171
- @slot;
172
- }
173
- }
174
-
175
- @custom-variant ::slider-runnable-track {
176
- &::-webkit-slider-runnable-track {
177
- @slot;
178
- }
179
- }
180
-
181
- @custom-variant ::resizer {
182
- &::-webkit-resizer {
183
- @slot;
184
- }
185
- }
186
-
187
- @custom-variant ::progress {
188
- &::-webkit-progress {
189
- @slot;
190
- }
191
- }
192
-
193
- @custom-variant ::vt {
194
- &::view-transition {
195
- @slot;
196
- }
197
- }
198
-
199
- @custom-variant ::vt-group {
200
- &::view-transition-group {
201
- @slot;
202
- }
203
- }
204
-
205
- @custom-variant ::vt-image-pair {
206
- &::view-transition-image-pair {
207
- @slot;
208
- }
209
- }
210
-
211
- @custom-variant ::vt-old {
212
- &::view-transition-old {
213
- @slot;
214
- }
215
- }
216
-
217
- @custom-variant ::vt-new {
218
- &::view-transition-new {
219
- @slot;
220
- }
221
- }