@cmdniels/uikit 2.1.0 → 2.1.1
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/package.json +1 -1
- package/superellipse.css +200 -257
package/package.json
CHANGED
package/superellipse.css
CHANGED
|
@@ -12,8 +12,9 @@
|
|
|
12
12
|
*
|
|
13
13
|
* Rules Shape and scaling are always applied together: an element has
|
|
14
14
|
* either BOTH or NEITHER — never shape-without-scaling, never
|
|
15
|
-
* scaling-without-shape. --superellipse-modifier is the
|
|
16
|
-
* knob that drives --superellipse-scale
|
|
15
|
+
* scaling-without-shape. Each --superellipse-modifier-{size} is the
|
|
16
|
+
* themeable knob that drives the matching --superellipse-scale-{size},
|
|
17
|
+
* so every size can be tuned independently.
|
|
17
18
|
*
|
|
18
19
|
* Goal Cover as many corners as possible while upholding the above.
|
|
19
20
|
* ------------------------------------------------------------------------ */
|
|
@@ -23,141 +24,156 @@
|
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
@theme inline {
|
|
26
|
-
--superellipse-modifier: 1.
|
|
27
|
-
--superellipse-
|
|
28
|
-
|
|
29
|
-
--
|
|
30
|
-
--
|
|
31
|
-
--
|
|
32
|
-
--
|
|
33
|
-
--
|
|
34
|
-
|
|
35
|
-
--
|
|
36
|
-
--
|
|
27
|
+
--superellipse-modifier-xs: 1.1;
|
|
28
|
+
--superellipse-modifier-sm: 1.1;
|
|
29
|
+
--superellipse-modifier-md: 1.2;
|
|
30
|
+
--superellipse-modifier-lg: 1.3;
|
|
31
|
+
--superellipse-modifier-xl: 1.45;
|
|
32
|
+
--superellipse-modifier-2xl: 1.6;
|
|
33
|
+
--superellipse-modifier-3xl: 1.7;
|
|
34
|
+
--superellipse-modifier-4xl: 1.85;
|
|
35
|
+
|
|
36
|
+
--superellipse-scale-xs: 1;
|
|
37
|
+
--superellipse-scale-sm: 1;
|
|
38
|
+
--superellipse-scale-md: 1;
|
|
39
|
+
--superellipse-scale-lg: 1;
|
|
40
|
+
--superellipse-scale-xl: 1;
|
|
41
|
+
--superellipse-scale-2xl: 1;
|
|
42
|
+
--superellipse-scale-3xl: 1;
|
|
43
|
+
--superellipse-scale-4xl: 1;
|
|
44
|
+
|
|
45
|
+
--radius-xs: calc(var(--radius) * var(--superellipse-scale-xs) - 6px);
|
|
46
|
+
--radius-sm: calc(var(--radius) * var(--superellipse-scale-sm) - 4px);
|
|
47
|
+
--radius-md: calc(var(--radius) * var(--superellipse-scale-md) - 2px);
|
|
48
|
+
--radius-lg: calc(var(--radius) * var(--superellipse-scale-lg));
|
|
49
|
+
--radius-xl: calc(var(--radius) * var(--superellipse-scale-xl) + 4px);
|
|
50
|
+
--radius-2xl: calc(var(--radius) * var(--superellipse-scale-2xl) + 8px);
|
|
51
|
+
--radius-3xl: calc(var(--radius) * var(--superellipse-scale-3xl) + 12px);
|
|
52
|
+
--radius-4xl: calc(var(--radius) * var(--superellipse-scale-4xl) + 16px);
|
|
37
53
|
}
|
|
38
54
|
|
|
39
55
|
@utility rounded {
|
|
40
|
-
border-radius: calc(0.25rem * var(--superellipse-scale));
|
|
56
|
+
border-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
41
57
|
@supports (corner-shape: superellipse(1.5)) {
|
|
42
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
58
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
43
59
|
corner-shape: superellipse(1.5);
|
|
44
60
|
}
|
|
45
61
|
}
|
|
46
62
|
|
|
47
63
|
@utility rounded-t {
|
|
48
|
-
border-top-left-radius: calc(0.25rem * var(--superellipse-scale));
|
|
49
|
-
border-top-right-radius: calc(0.25rem * var(--superellipse-scale));
|
|
64
|
+
border-top-left-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
65
|
+
border-top-right-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
50
66
|
@supports (corner-shape: superellipse(1.5)) {
|
|
51
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
67
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
52
68
|
corner-shape: superellipse(1.5);
|
|
53
69
|
}
|
|
54
70
|
}
|
|
55
71
|
|
|
56
72
|
@utility rounded-r {
|
|
57
|
-
border-top-right-radius: calc(0.25rem * var(--superellipse-scale));
|
|
58
|
-
border-bottom-right-radius: calc(0.25rem * var(--superellipse-scale));
|
|
73
|
+
border-top-right-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
74
|
+
border-bottom-right-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
59
75
|
@supports (corner-shape: superellipse(1.5)) {
|
|
60
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
76
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
61
77
|
corner-shape: superellipse(1.5);
|
|
62
78
|
}
|
|
63
79
|
}
|
|
64
80
|
|
|
65
81
|
@utility rounded-b {
|
|
66
|
-
border-bottom-right-radius: calc(0.25rem * var(--superellipse-scale));
|
|
67
|
-
border-bottom-left-radius: calc(0.25rem * var(--superellipse-scale));
|
|
82
|
+
border-bottom-right-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
83
|
+
border-bottom-left-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
68
84
|
@supports (corner-shape: superellipse(1.5)) {
|
|
69
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
85
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
70
86
|
corner-shape: superellipse(1.5);
|
|
71
87
|
}
|
|
72
88
|
}
|
|
73
89
|
|
|
74
90
|
@utility rounded-l {
|
|
75
|
-
border-top-left-radius: calc(0.25rem * var(--superellipse-scale));
|
|
76
|
-
border-bottom-left-radius: calc(0.25rem * var(--superellipse-scale));
|
|
91
|
+
border-top-left-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
92
|
+
border-bottom-left-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
77
93
|
@supports (corner-shape: superellipse(1.5)) {
|
|
78
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
94
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
79
95
|
corner-shape: superellipse(1.5);
|
|
80
96
|
}
|
|
81
97
|
}
|
|
82
98
|
|
|
83
99
|
@utility rounded-s {
|
|
84
|
-
border-start-start-radius: calc(0.25rem * var(--superellipse-scale));
|
|
85
|
-
border-end-start-radius: calc(0.25rem * var(--superellipse-scale));
|
|
100
|
+
border-start-start-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
101
|
+
border-end-start-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
86
102
|
@supports (corner-shape: superellipse(1.5)) {
|
|
87
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
103
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
88
104
|
corner-shape: superellipse(1.5);
|
|
89
105
|
}
|
|
90
106
|
}
|
|
91
107
|
|
|
92
108
|
@utility rounded-e {
|
|
93
|
-
border-start-end-radius: calc(0.25rem * var(--superellipse-scale));
|
|
94
|
-
border-end-end-radius: calc(0.25rem * var(--superellipse-scale));
|
|
109
|
+
border-start-end-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
110
|
+
border-end-end-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
95
111
|
@supports (corner-shape: superellipse(1.5)) {
|
|
96
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
112
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
97
113
|
corner-shape: superellipse(1.5);
|
|
98
114
|
}
|
|
99
115
|
}
|
|
100
116
|
|
|
101
117
|
@utility rounded-tl {
|
|
102
|
-
border-top-left-radius: calc(0.25rem * var(--superellipse-scale));
|
|
118
|
+
border-top-left-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
103
119
|
@supports (corner-shape: superellipse(1.5)) {
|
|
104
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
120
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
105
121
|
corner-shape: superellipse(1.5);
|
|
106
122
|
}
|
|
107
123
|
}
|
|
108
124
|
|
|
109
125
|
@utility rounded-tr {
|
|
110
|
-
border-top-right-radius: calc(0.25rem * var(--superellipse-scale));
|
|
126
|
+
border-top-right-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
111
127
|
@supports (corner-shape: superellipse(1.5)) {
|
|
112
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
128
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
113
129
|
corner-shape: superellipse(1.5);
|
|
114
130
|
}
|
|
115
131
|
}
|
|
116
132
|
|
|
117
133
|
@utility rounded-br {
|
|
118
|
-
border-bottom-right-radius: calc(0.25rem * var(--superellipse-scale));
|
|
134
|
+
border-bottom-right-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
119
135
|
@supports (corner-shape: superellipse(1.5)) {
|
|
120
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
136
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
121
137
|
corner-shape: superellipse(1.5);
|
|
122
138
|
}
|
|
123
139
|
}
|
|
124
140
|
|
|
125
141
|
@utility rounded-bl {
|
|
126
|
-
border-bottom-left-radius: calc(0.25rem * var(--superellipse-scale));
|
|
142
|
+
border-bottom-left-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
127
143
|
@supports (corner-shape: superellipse(1.5)) {
|
|
128
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
144
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
129
145
|
corner-shape: superellipse(1.5);
|
|
130
146
|
}
|
|
131
147
|
}
|
|
132
148
|
|
|
133
149
|
@utility rounded-ss {
|
|
134
|
-
border-start-start-radius: calc(0.25rem * var(--superellipse-scale));
|
|
150
|
+
border-start-start-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
135
151
|
@supports (corner-shape: superellipse(1.5)) {
|
|
136
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
152
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
137
153
|
corner-shape: superellipse(1.5);
|
|
138
154
|
}
|
|
139
155
|
}
|
|
140
156
|
|
|
141
157
|
@utility rounded-se {
|
|
142
|
-
border-start-end-radius: calc(0.25rem * var(--superellipse-scale));
|
|
158
|
+
border-start-end-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
143
159
|
@supports (corner-shape: superellipse(1.5)) {
|
|
144
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
160
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
145
161
|
corner-shape: superellipse(1.5);
|
|
146
162
|
}
|
|
147
163
|
}
|
|
148
164
|
|
|
149
165
|
@utility rounded-es {
|
|
150
|
-
border-end-start-radius: calc(0.25rem * var(--superellipse-scale));
|
|
166
|
+
border-end-start-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
151
167
|
@supports (corner-shape: superellipse(1.5)) {
|
|
152
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
168
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
153
169
|
corner-shape: superellipse(1.5);
|
|
154
170
|
}
|
|
155
171
|
}
|
|
156
172
|
|
|
157
173
|
@utility rounded-ee {
|
|
158
|
-
border-end-end-radius: calc(0.25rem * var(--superellipse-scale));
|
|
174
|
+
border-end-end-radius: calc(0.25rem * var(--superellipse-scale-xs));
|
|
159
175
|
@supports (corner-shape: superellipse(1.5)) {
|
|
160
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
176
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
161
177
|
corner-shape: superellipse(1.5);
|
|
162
178
|
}
|
|
163
179
|
}
|
|
@@ -166,7 +182,7 @@
|
|
|
166
182
|
border-top-left-radius: calc(infinity* 1px);
|
|
167
183
|
border-top-right-radius: calc(infinity* 1px);
|
|
168
184
|
@supports (corner-shape: superellipse(1.5)) {
|
|
169
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
185
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
170
186
|
corner-shape: superellipse(1.5);
|
|
171
187
|
}
|
|
172
188
|
}
|
|
@@ -175,7 +191,7 @@
|
|
|
175
191
|
border-top-right-radius: calc(infinity* 1px);
|
|
176
192
|
border-bottom-right-radius: calc(infinity* 1px);
|
|
177
193
|
@supports (corner-shape: superellipse(1.5)) {
|
|
178
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
194
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
179
195
|
corner-shape: superellipse(1.5);
|
|
180
196
|
}
|
|
181
197
|
}
|
|
@@ -184,7 +200,7 @@
|
|
|
184
200
|
border-bottom-right-radius: calc(infinity* 1px);
|
|
185
201
|
border-bottom-left-radius: calc(infinity* 1px);
|
|
186
202
|
@supports (corner-shape: superellipse(1.5)) {
|
|
187
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
203
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
188
204
|
corner-shape: superellipse(1.5);
|
|
189
205
|
}
|
|
190
206
|
}
|
|
@@ -193,7 +209,7 @@
|
|
|
193
209
|
border-top-left-radius: calc(infinity* 1px);
|
|
194
210
|
border-bottom-left-radius: calc(infinity* 1px);
|
|
195
211
|
@supports (corner-shape: superellipse(1.5)) {
|
|
196
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
212
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
197
213
|
corner-shape: superellipse(1.5);
|
|
198
214
|
}
|
|
199
215
|
}
|
|
@@ -202,7 +218,7 @@
|
|
|
202
218
|
border-start-start-radius: calc(infinity* 1px);
|
|
203
219
|
border-end-start-radius: calc(infinity* 1px);
|
|
204
220
|
@supports (corner-shape: superellipse(1.5)) {
|
|
205
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
221
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
206
222
|
corner-shape: superellipse(1.5);
|
|
207
223
|
}
|
|
208
224
|
}
|
|
@@ -211,7 +227,7 @@
|
|
|
211
227
|
border-start-end-radius: calc(infinity* 1px);
|
|
212
228
|
border-end-end-radius: calc(infinity* 1px);
|
|
213
229
|
@supports (corner-shape: superellipse(1.5)) {
|
|
214
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
230
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
215
231
|
corner-shape: superellipse(1.5);
|
|
216
232
|
}
|
|
217
233
|
}
|
|
@@ -219,7 +235,7 @@
|
|
|
219
235
|
@utility rounded-tl-full {
|
|
220
236
|
border-top-left-radius: calc(infinity* 1px);
|
|
221
237
|
@supports (corner-shape: superellipse(1.5)) {
|
|
222
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
238
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
223
239
|
corner-shape: superellipse(1.5);
|
|
224
240
|
}
|
|
225
241
|
}
|
|
@@ -227,7 +243,7 @@
|
|
|
227
243
|
@utility rounded-tr-full {
|
|
228
244
|
border-top-right-radius: calc(infinity* 1px);
|
|
229
245
|
@supports (corner-shape: superellipse(1.5)) {
|
|
230
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
246
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
231
247
|
corner-shape: superellipse(1.5);
|
|
232
248
|
}
|
|
233
249
|
}
|
|
@@ -235,7 +251,7 @@
|
|
|
235
251
|
@utility rounded-br-full {
|
|
236
252
|
border-bottom-right-radius: calc(infinity* 1px);
|
|
237
253
|
@supports (corner-shape: superellipse(1.5)) {
|
|
238
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
254
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
239
255
|
corner-shape: superellipse(1.5);
|
|
240
256
|
}
|
|
241
257
|
}
|
|
@@ -243,7 +259,7 @@
|
|
|
243
259
|
@utility rounded-bl-full {
|
|
244
260
|
border-bottom-left-radius: calc(infinity* 1px);
|
|
245
261
|
@supports (corner-shape: superellipse(1.5)) {
|
|
246
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
262
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
247
263
|
corner-shape: superellipse(1.5);
|
|
248
264
|
}
|
|
249
265
|
}
|
|
@@ -251,7 +267,7 @@
|
|
|
251
267
|
@utility rounded-ss-full {
|
|
252
268
|
border-start-start-radius: calc(infinity* 1px);
|
|
253
269
|
@supports (corner-shape: superellipse(1.5)) {
|
|
254
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
270
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
255
271
|
corner-shape: superellipse(1.5);
|
|
256
272
|
}
|
|
257
273
|
}
|
|
@@ -259,7 +275,7 @@
|
|
|
259
275
|
@utility rounded-se-full {
|
|
260
276
|
border-start-end-radius: calc(infinity* 1px);
|
|
261
277
|
@supports (corner-shape: superellipse(1.5)) {
|
|
262
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
278
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
263
279
|
corner-shape: superellipse(1.5);
|
|
264
280
|
}
|
|
265
281
|
}
|
|
@@ -267,7 +283,7 @@
|
|
|
267
283
|
@utility rounded-es-full {
|
|
268
284
|
border-end-start-radius: calc(infinity* 1px);
|
|
269
285
|
@supports (corner-shape: superellipse(1.5)) {
|
|
270
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
286
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
271
287
|
corner-shape: superellipse(1.5);
|
|
272
288
|
}
|
|
273
289
|
}
|
|
@@ -275,920 +291,847 @@
|
|
|
275
291
|
@utility rounded-ee-full {
|
|
276
292
|
border-end-end-radius: calc(infinity* 1px);
|
|
277
293
|
@supports (corner-shape: superellipse(1.5)) {
|
|
278
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
294
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
279
295
|
corner-shape: superellipse(1.5);
|
|
280
296
|
}
|
|
281
297
|
}
|
|
282
298
|
|
|
283
299
|
@utility rounded-xs {
|
|
284
300
|
@supports (corner-shape: superellipse(1.5)) {
|
|
285
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
301
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
286
302
|
corner-shape: superellipse(1.5);
|
|
287
303
|
}
|
|
288
304
|
}
|
|
289
305
|
|
|
290
306
|
@utility rounded-sm {
|
|
291
307
|
@supports (corner-shape: superellipse(1.5)) {
|
|
292
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
308
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
293
309
|
corner-shape: superellipse(1.5);
|
|
294
310
|
}
|
|
295
311
|
}
|
|
296
312
|
|
|
297
313
|
@utility rounded-md {
|
|
298
314
|
@supports (corner-shape: superellipse(1.5)) {
|
|
299
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
315
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
300
316
|
corner-shape: superellipse(1.5);
|
|
301
317
|
}
|
|
302
318
|
}
|
|
303
319
|
|
|
304
320
|
@utility rounded-lg {
|
|
305
321
|
@supports (corner-shape: superellipse(1.5)) {
|
|
306
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
322
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
307
323
|
corner-shape: superellipse(1.5);
|
|
308
324
|
}
|
|
309
325
|
}
|
|
310
326
|
|
|
311
327
|
@utility rounded-xl {
|
|
312
328
|
@supports (corner-shape: superellipse(1.5)) {
|
|
313
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
329
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
314
330
|
corner-shape: superellipse(1.5);
|
|
315
331
|
}
|
|
316
332
|
}
|
|
317
333
|
|
|
318
334
|
@utility rounded-2xl {
|
|
319
335
|
@supports (corner-shape: superellipse(1.5)) {
|
|
320
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
336
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
321
337
|
corner-shape: superellipse(1.5);
|
|
322
338
|
}
|
|
323
339
|
}
|
|
324
340
|
|
|
325
341
|
@utility rounded-3xl {
|
|
326
342
|
@supports (corner-shape: superellipse(1.5)) {
|
|
327
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
343
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
328
344
|
corner-shape: superellipse(1.5);
|
|
329
345
|
}
|
|
330
346
|
}
|
|
331
347
|
|
|
332
348
|
@utility rounded-4xl {
|
|
333
349
|
@supports (corner-shape: superellipse(1.5)) {
|
|
334
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
350
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
335
351
|
corner-shape: superellipse(1.5);
|
|
336
352
|
}
|
|
337
353
|
}
|
|
338
354
|
|
|
339
355
|
@utility rounded-t-xs {
|
|
340
356
|
@supports (corner-shape: superellipse(1.5)) {
|
|
341
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
357
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
342
358
|
corner-shape: superellipse(1.5);
|
|
343
359
|
}
|
|
344
360
|
}
|
|
345
361
|
|
|
346
362
|
@utility rounded-t-sm {
|
|
347
363
|
@supports (corner-shape: superellipse(1.5)) {
|
|
348
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
364
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
349
365
|
corner-shape: superellipse(1.5);
|
|
350
366
|
}
|
|
351
367
|
}
|
|
352
368
|
|
|
353
369
|
@utility rounded-t-md {
|
|
354
370
|
@supports (corner-shape: superellipse(1.5)) {
|
|
355
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
371
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
356
372
|
corner-shape: superellipse(1.5);
|
|
357
373
|
}
|
|
358
374
|
}
|
|
359
375
|
|
|
360
376
|
@utility rounded-t-lg {
|
|
361
377
|
@supports (corner-shape: superellipse(1.5)) {
|
|
362
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
378
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
363
379
|
corner-shape: superellipse(1.5);
|
|
364
380
|
}
|
|
365
381
|
}
|
|
366
382
|
|
|
367
383
|
@utility rounded-t-xl {
|
|
368
384
|
@supports (corner-shape: superellipse(1.5)) {
|
|
369
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
385
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
370
386
|
corner-shape: superellipse(1.5);
|
|
371
387
|
}
|
|
372
388
|
}
|
|
373
389
|
|
|
374
390
|
@utility rounded-t-2xl {
|
|
375
391
|
@supports (corner-shape: superellipse(1.5)) {
|
|
376
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
392
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
377
393
|
corner-shape: superellipse(1.5);
|
|
378
394
|
}
|
|
379
395
|
}
|
|
380
396
|
|
|
381
397
|
@utility rounded-t-3xl {
|
|
382
398
|
@supports (corner-shape: superellipse(1.5)) {
|
|
383
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
399
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
384
400
|
corner-shape: superellipse(1.5);
|
|
385
401
|
}
|
|
386
402
|
}
|
|
387
403
|
|
|
388
404
|
@utility rounded-t-4xl {
|
|
389
405
|
@supports (corner-shape: superellipse(1.5)) {
|
|
390
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
406
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
391
407
|
corner-shape: superellipse(1.5);
|
|
392
408
|
}
|
|
393
409
|
}
|
|
394
410
|
|
|
395
411
|
@utility rounded-r-xs {
|
|
396
412
|
@supports (corner-shape: superellipse(1.5)) {
|
|
397
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
413
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
398
414
|
corner-shape: superellipse(1.5);
|
|
399
415
|
}
|
|
400
416
|
}
|
|
401
417
|
|
|
402
418
|
@utility rounded-r-sm {
|
|
403
419
|
@supports (corner-shape: superellipse(1.5)) {
|
|
404
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
420
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
405
421
|
corner-shape: superellipse(1.5);
|
|
406
422
|
}
|
|
407
423
|
}
|
|
408
424
|
|
|
409
425
|
@utility rounded-r-md {
|
|
410
426
|
@supports (corner-shape: superellipse(1.5)) {
|
|
411
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
427
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
412
428
|
corner-shape: superellipse(1.5);
|
|
413
429
|
}
|
|
414
430
|
}
|
|
415
431
|
|
|
416
432
|
@utility rounded-r-lg {
|
|
417
433
|
@supports (corner-shape: superellipse(1.5)) {
|
|
418
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
434
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
419
435
|
corner-shape: superellipse(1.5);
|
|
420
436
|
}
|
|
421
437
|
}
|
|
422
438
|
|
|
423
439
|
@utility rounded-r-xl {
|
|
424
440
|
@supports (corner-shape: superellipse(1.5)) {
|
|
425
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
441
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
426
442
|
corner-shape: superellipse(1.5);
|
|
427
443
|
}
|
|
428
444
|
}
|
|
429
445
|
|
|
430
446
|
@utility rounded-r-2xl {
|
|
431
447
|
@supports (corner-shape: superellipse(1.5)) {
|
|
432
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
448
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
433
449
|
corner-shape: superellipse(1.5);
|
|
434
450
|
}
|
|
435
451
|
}
|
|
436
452
|
|
|
437
453
|
@utility rounded-r-3xl {
|
|
438
454
|
@supports (corner-shape: superellipse(1.5)) {
|
|
439
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
455
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
440
456
|
corner-shape: superellipse(1.5);
|
|
441
457
|
}
|
|
442
458
|
}
|
|
443
459
|
|
|
444
460
|
@utility rounded-r-4xl {
|
|
445
461
|
@supports (corner-shape: superellipse(1.5)) {
|
|
446
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
462
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
447
463
|
corner-shape: superellipse(1.5);
|
|
448
464
|
}
|
|
449
465
|
}
|
|
450
466
|
|
|
451
467
|
@utility rounded-b-xs {
|
|
452
468
|
@supports (corner-shape: superellipse(1.5)) {
|
|
453
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
469
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
454
470
|
corner-shape: superellipse(1.5);
|
|
455
471
|
}
|
|
456
472
|
}
|
|
457
473
|
|
|
458
474
|
@utility rounded-b-sm {
|
|
459
475
|
@supports (corner-shape: superellipse(1.5)) {
|
|
460
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
476
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
461
477
|
corner-shape: superellipse(1.5);
|
|
462
478
|
}
|
|
463
479
|
}
|
|
464
480
|
|
|
465
481
|
@utility rounded-b-md {
|
|
466
482
|
@supports (corner-shape: superellipse(1.5)) {
|
|
467
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
483
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
468
484
|
corner-shape: superellipse(1.5);
|
|
469
485
|
}
|
|
470
486
|
}
|
|
471
487
|
|
|
472
488
|
@utility rounded-b-lg {
|
|
473
489
|
@supports (corner-shape: superellipse(1.5)) {
|
|
474
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
490
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
475
491
|
corner-shape: superellipse(1.5);
|
|
476
492
|
}
|
|
477
493
|
}
|
|
478
494
|
|
|
479
495
|
@utility rounded-b-xl {
|
|
480
496
|
@supports (corner-shape: superellipse(1.5)) {
|
|
481
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
497
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
482
498
|
corner-shape: superellipse(1.5);
|
|
483
499
|
}
|
|
484
500
|
}
|
|
485
501
|
|
|
486
502
|
@utility rounded-b-2xl {
|
|
487
503
|
@supports (corner-shape: superellipse(1.5)) {
|
|
488
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
504
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
489
505
|
corner-shape: superellipse(1.5);
|
|
490
506
|
}
|
|
491
507
|
}
|
|
492
508
|
|
|
493
509
|
@utility rounded-b-3xl {
|
|
494
510
|
@supports (corner-shape: superellipse(1.5)) {
|
|
495
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
511
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
496
512
|
corner-shape: superellipse(1.5);
|
|
497
513
|
}
|
|
498
514
|
}
|
|
499
515
|
|
|
500
516
|
@utility rounded-b-4xl {
|
|
501
517
|
@supports (corner-shape: superellipse(1.5)) {
|
|
502
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
518
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
503
519
|
corner-shape: superellipse(1.5);
|
|
504
520
|
}
|
|
505
521
|
}
|
|
506
522
|
|
|
507
523
|
@utility rounded-l-xs {
|
|
508
524
|
@supports (corner-shape: superellipse(1.5)) {
|
|
509
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
525
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
510
526
|
corner-shape: superellipse(1.5);
|
|
511
527
|
}
|
|
512
528
|
}
|
|
513
529
|
|
|
514
530
|
@utility rounded-l-sm {
|
|
515
531
|
@supports (corner-shape: superellipse(1.5)) {
|
|
516
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
532
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
517
533
|
corner-shape: superellipse(1.5);
|
|
518
534
|
}
|
|
519
535
|
}
|
|
520
536
|
|
|
521
537
|
@utility rounded-l-md {
|
|
522
538
|
@supports (corner-shape: superellipse(1.5)) {
|
|
523
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
539
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
524
540
|
corner-shape: superellipse(1.5);
|
|
525
541
|
}
|
|
526
542
|
}
|
|
527
543
|
|
|
528
544
|
@utility rounded-l-lg {
|
|
529
545
|
@supports (corner-shape: superellipse(1.5)) {
|
|
530
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
546
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
531
547
|
corner-shape: superellipse(1.5);
|
|
532
548
|
}
|
|
533
549
|
}
|
|
534
550
|
|
|
535
551
|
@utility rounded-l-xl {
|
|
536
552
|
@supports (corner-shape: superellipse(1.5)) {
|
|
537
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
553
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
538
554
|
corner-shape: superellipse(1.5);
|
|
539
555
|
}
|
|
540
556
|
}
|
|
541
557
|
|
|
542
558
|
@utility rounded-l-2xl {
|
|
543
559
|
@supports (corner-shape: superellipse(1.5)) {
|
|
544
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
560
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
545
561
|
corner-shape: superellipse(1.5);
|
|
546
562
|
}
|
|
547
563
|
}
|
|
548
564
|
|
|
549
565
|
@utility rounded-l-3xl {
|
|
550
566
|
@supports (corner-shape: superellipse(1.5)) {
|
|
551
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
567
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
552
568
|
corner-shape: superellipse(1.5);
|
|
553
569
|
}
|
|
554
570
|
}
|
|
555
571
|
|
|
556
572
|
@utility rounded-l-4xl {
|
|
557
573
|
@supports (corner-shape: superellipse(1.5)) {
|
|
558
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
574
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
559
575
|
corner-shape: superellipse(1.5);
|
|
560
576
|
}
|
|
561
577
|
}
|
|
562
578
|
|
|
563
579
|
@utility rounded-s-xs {
|
|
564
580
|
@supports (corner-shape: superellipse(1.5)) {
|
|
565
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
581
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
566
582
|
corner-shape: superellipse(1.5);
|
|
567
583
|
}
|
|
568
584
|
}
|
|
569
585
|
|
|
570
586
|
@utility rounded-s-sm {
|
|
571
587
|
@supports (corner-shape: superellipse(1.5)) {
|
|
572
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
588
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
573
589
|
corner-shape: superellipse(1.5);
|
|
574
590
|
}
|
|
575
591
|
}
|
|
576
592
|
|
|
577
593
|
@utility rounded-s-md {
|
|
578
594
|
@supports (corner-shape: superellipse(1.5)) {
|
|
579
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
595
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
580
596
|
corner-shape: superellipse(1.5);
|
|
581
597
|
}
|
|
582
598
|
}
|
|
583
599
|
|
|
584
600
|
@utility rounded-s-lg {
|
|
585
601
|
@supports (corner-shape: superellipse(1.5)) {
|
|
586
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
602
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
587
603
|
corner-shape: superellipse(1.5);
|
|
588
604
|
}
|
|
589
605
|
}
|
|
590
606
|
|
|
591
607
|
@utility rounded-s-xl {
|
|
592
608
|
@supports (corner-shape: superellipse(1.5)) {
|
|
593
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
609
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
594
610
|
corner-shape: superellipse(1.5);
|
|
595
611
|
}
|
|
596
612
|
}
|
|
597
613
|
|
|
598
614
|
@utility rounded-s-2xl {
|
|
599
615
|
@supports (corner-shape: superellipse(1.5)) {
|
|
600
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
616
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
601
617
|
corner-shape: superellipse(1.5);
|
|
602
618
|
}
|
|
603
619
|
}
|
|
604
620
|
|
|
605
621
|
@utility rounded-s-3xl {
|
|
606
622
|
@supports (corner-shape: superellipse(1.5)) {
|
|
607
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
623
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
608
624
|
corner-shape: superellipse(1.5);
|
|
609
625
|
}
|
|
610
626
|
}
|
|
611
627
|
|
|
612
628
|
@utility rounded-s-4xl {
|
|
613
629
|
@supports (corner-shape: superellipse(1.5)) {
|
|
614
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
630
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
615
631
|
corner-shape: superellipse(1.5);
|
|
616
632
|
}
|
|
617
633
|
}
|
|
618
634
|
|
|
619
635
|
@utility rounded-e-xs {
|
|
620
636
|
@supports (corner-shape: superellipse(1.5)) {
|
|
621
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
637
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
622
638
|
corner-shape: superellipse(1.5);
|
|
623
639
|
}
|
|
624
640
|
}
|
|
625
641
|
|
|
626
642
|
@utility rounded-e-sm {
|
|
627
643
|
@supports (corner-shape: superellipse(1.5)) {
|
|
628
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
644
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
629
645
|
corner-shape: superellipse(1.5);
|
|
630
646
|
}
|
|
631
647
|
}
|
|
632
648
|
|
|
633
649
|
@utility rounded-e-md {
|
|
634
650
|
@supports (corner-shape: superellipse(1.5)) {
|
|
635
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
651
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
636
652
|
corner-shape: superellipse(1.5);
|
|
637
653
|
}
|
|
638
654
|
}
|
|
639
655
|
|
|
640
656
|
@utility rounded-e-lg {
|
|
641
657
|
@supports (corner-shape: superellipse(1.5)) {
|
|
642
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
658
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
643
659
|
corner-shape: superellipse(1.5);
|
|
644
660
|
}
|
|
645
661
|
}
|
|
646
662
|
|
|
647
663
|
@utility rounded-e-xl {
|
|
648
664
|
@supports (corner-shape: superellipse(1.5)) {
|
|
649
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
665
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
650
666
|
corner-shape: superellipse(1.5);
|
|
651
667
|
}
|
|
652
668
|
}
|
|
653
669
|
|
|
654
670
|
@utility rounded-e-2xl {
|
|
655
671
|
@supports (corner-shape: superellipse(1.5)) {
|
|
656
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
672
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
657
673
|
corner-shape: superellipse(1.5);
|
|
658
674
|
}
|
|
659
675
|
}
|
|
660
676
|
|
|
661
677
|
@utility rounded-e-3xl {
|
|
662
678
|
@supports (corner-shape: superellipse(1.5)) {
|
|
663
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
679
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
664
680
|
corner-shape: superellipse(1.5);
|
|
665
681
|
}
|
|
666
682
|
}
|
|
667
683
|
|
|
668
684
|
@utility rounded-e-4xl {
|
|
669
685
|
@supports (corner-shape: superellipse(1.5)) {
|
|
670
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
686
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
671
687
|
corner-shape: superellipse(1.5);
|
|
672
688
|
}
|
|
673
689
|
}
|
|
674
690
|
|
|
675
691
|
@utility rounded-tl-xs {
|
|
676
692
|
@supports (corner-shape: superellipse(1.5)) {
|
|
677
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
693
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
678
694
|
corner-shape: superellipse(1.5);
|
|
679
695
|
}
|
|
680
696
|
}
|
|
681
697
|
|
|
682
698
|
@utility rounded-tl-sm {
|
|
683
699
|
@supports (corner-shape: superellipse(1.5)) {
|
|
684
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
700
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
685
701
|
corner-shape: superellipse(1.5);
|
|
686
702
|
}
|
|
687
703
|
}
|
|
688
704
|
|
|
689
705
|
@utility rounded-tl-md {
|
|
690
706
|
@supports (corner-shape: superellipse(1.5)) {
|
|
691
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
707
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
692
708
|
corner-shape: superellipse(1.5);
|
|
693
709
|
}
|
|
694
710
|
}
|
|
695
711
|
|
|
696
712
|
@utility rounded-tl-lg {
|
|
697
713
|
@supports (corner-shape: superellipse(1.5)) {
|
|
698
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
714
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
699
715
|
corner-shape: superellipse(1.5);
|
|
700
716
|
}
|
|
701
717
|
}
|
|
702
718
|
|
|
703
719
|
@utility rounded-tl-xl {
|
|
704
720
|
@supports (corner-shape: superellipse(1.5)) {
|
|
705
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
721
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
706
722
|
corner-shape: superellipse(1.5);
|
|
707
723
|
}
|
|
708
724
|
}
|
|
709
725
|
|
|
710
726
|
@utility rounded-tl-2xl {
|
|
711
727
|
@supports (corner-shape: superellipse(1.5)) {
|
|
712
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
728
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
713
729
|
corner-shape: superellipse(1.5);
|
|
714
730
|
}
|
|
715
731
|
}
|
|
716
732
|
|
|
717
733
|
@utility rounded-tl-3xl {
|
|
718
734
|
@supports (corner-shape: superellipse(1.5)) {
|
|
719
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
735
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
720
736
|
corner-shape: superellipse(1.5);
|
|
721
737
|
}
|
|
722
738
|
}
|
|
723
739
|
|
|
724
740
|
@utility rounded-tl-4xl {
|
|
725
741
|
@supports (corner-shape: superellipse(1.5)) {
|
|
726
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
742
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
727
743
|
corner-shape: superellipse(1.5);
|
|
728
744
|
}
|
|
729
745
|
}
|
|
730
746
|
|
|
731
747
|
@utility rounded-tr-xs {
|
|
732
748
|
@supports (corner-shape: superellipse(1.5)) {
|
|
733
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
749
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
734
750
|
corner-shape: superellipse(1.5);
|
|
735
751
|
}
|
|
736
752
|
}
|
|
737
753
|
|
|
738
754
|
@utility rounded-tr-sm {
|
|
739
755
|
@supports (corner-shape: superellipse(1.5)) {
|
|
740
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
756
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
741
757
|
corner-shape: superellipse(1.5);
|
|
742
758
|
}
|
|
743
759
|
}
|
|
744
760
|
|
|
745
761
|
@utility rounded-tr-md {
|
|
746
762
|
@supports (corner-shape: superellipse(1.5)) {
|
|
747
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
763
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
748
764
|
corner-shape: superellipse(1.5);
|
|
749
765
|
}
|
|
750
766
|
}
|
|
751
767
|
|
|
752
768
|
@utility rounded-tr-lg {
|
|
753
769
|
@supports (corner-shape: superellipse(1.5)) {
|
|
754
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
770
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
755
771
|
corner-shape: superellipse(1.5);
|
|
756
772
|
}
|
|
757
773
|
}
|
|
758
774
|
|
|
759
775
|
@utility rounded-tr-xl {
|
|
760
776
|
@supports (corner-shape: superellipse(1.5)) {
|
|
761
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
777
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
762
778
|
corner-shape: superellipse(1.5);
|
|
763
779
|
}
|
|
764
780
|
}
|
|
765
781
|
|
|
766
782
|
@utility rounded-tr-2xl {
|
|
767
783
|
@supports (corner-shape: superellipse(1.5)) {
|
|
768
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
784
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
769
785
|
corner-shape: superellipse(1.5);
|
|
770
786
|
}
|
|
771
787
|
}
|
|
772
788
|
|
|
773
789
|
@utility rounded-tr-3xl {
|
|
774
790
|
@supports (corner-shape: superellipse(1.5)) {
|
|
775
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
791
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
776
792
|
corner-shape: superellipse(1.5);
|
|
777
793
|
}
|
|
778
794
|
}
|
|
779
795
|
|
|
780
796
|
@utility rounded-tr-4xl {
|
|
781
797
|
@supports (corner-shape: superellipse(1.5)) {
|
|
782
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
798
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
783
799
|
corner-shape: superellipse(1.5);
|
|
784
800
|
}
|
|
785
801
|
}
|
|
786
802
|
|
|
787
803
|
@utility rounded-br-xs {
|
|
788
804
|
@supports (corner-shape: superellipse(1.5)) {
|
|
789
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
805
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
790
806
|
corner-shape: superellipse(1.5);
|
|
791
807
|
}
|
|
792
808
|
}
|
|
793
809
|
|
|
794
810
|
@utility rounded-br-sm {
|
|
795
811
|
@supports (corner-shape: superellipse(1.5)) {
|
|
796
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
812
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
797
813
|
corner-shape: superellipse(1.5);
|
|
798
814
|
}
|
|
799
815
|
}
|
|
800
816
|
|
|
801
817
|
@utility rounded-br-md {
|
|
802
818
|
@supports (corner-shape: superellipse(1.5)) {
|
|
803
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
819
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
804
820
|
corner-shape: superellipse(1.5);
|
|
805
821
|
}
|
|
806
822
|
}
|
|
807
823
|
|
|
808
824
|
@utility rounded-br-lg {
|
|
809
825
|
@supports (corner-shape: superellipse(1.5)) {
|
|
810
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
826
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
811
827
|
corner-shape: superellipse(1.5);
|
|
812
828
|
}
|
|
813
829
|
}
|
|
814
830
|
|
|
815
831
|
@utility rounded-br-xl {
|
|
816
832
|
@supports (corner-shape: superellipse(1.5)) {
|
|
817
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
833
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
818
834
|
corner-shape: superellipse(1.5);
|
|
819
835
|
}
|
|
820
836
|
}
|
|
821
837
|
|
|
822
838
|
@utility rounded-br-2xl {
|
|
823
839
|
@supports (corner-shape: superellipse(1.5)) {
|
|
824
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
840
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
825
841
|
corner-shape: superellipse(1.5);
|
|
826
842
|
}
|
|
827
843
|
}
|
|
828
844
|
|
|
829
845
|
@utility rounded-br-3xl {
|
|
830
846
|
@supports (corner-shape: superellipse(1.5)) {
|
|
831
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
847
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
832
848
|
corner-shape: superellipse(1.5);
|
|
833
849
|
}
|
|
834
850
|
}
|
|
835
851
|
|
|
836
852
|
@utility rounded-br-4xl {
|
|
837
853
|
@supports (corner-shape: superellipse(1.5)) {
|
|
838
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
854
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
839
855
|
corner-shape: superellipse(1.5);
|
|
840
856
|
}
|
|
841
857
|
}
|
|
842
858
|
|
|
843
859
|
@utility rounded-bl-xs {
|
|
844
860
|
@supports (corner-shape: superellipse(1.5)) {
|
|
845
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
861
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
846
862
|
corner-shape: superellipse(1.5);
|
|
847
863
|
}
|
|
848
864
|
}
|
|
849
865
|
|
|
850
866
|
@utility rounded-bl-sm {
|
|
851
867
|
@supports (corner-shape: superellipse(1.5)) {
|
|
852
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
868
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
853
869
|
corner-shape: superellipse(1.5);
|
|
854
870
|
}
|
|
855
871
|
}
|
|
856
872
|
|
|
857
873
|
@utility rounded-bl-md {
|
|
858
874
|
@supports (corner-shape: superellipse(1.5)) {
|
|
859
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
875
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
860
876
|
corner-shape: superellipse(1.5);
|
|
861
877
|
}
|
|
862
878
|
}
|
|
863
879
|
|
|
864
880
|
@utility rounded-bl-lg {
|
|
865
881
|
@supports (corner-shape: superellipse(1.5)) {
|
|
866
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
882
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
867
883
|
corner-shape: superellipse(1.5);
|
|
868
884
|
}
|
|
869
885
|
}
|
|
870
886
|
|
|
871
887
|
@utility rounded-bl-xl {
|
|
872
888
|
@supports (corner-shape: superellipse(1.5)) {
|
|
873
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
889
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
874
890
|
corner-shape: superellipse(1.5);
|
|
875
891
|
}
|
|
876
892
|
}
|
|
877
893
|
|
|
878
894
|
@utility rounded-bl-2xl {
|
|
879
895
|
@supports (corner-shape: superellipse(1.5)) {
|
|
880
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
896
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
881
897
|
corner-shape: superellipse(1.5);
|
|
882
898
|
}
|
|
883
899
|
}
|
|
884
900
|
|
|
885
901
|
@utility rounded-bl-3xl {
|
|
886
902
|
@supports (corner-shape: superellipse(1.5)) {
|
|
887
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
903
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
888
904
|
corner-shape: superellipse(1.5);
|
|
889
905
|
}
|
|
890
906
|
}
|
|
891
907
|
|
|
892
908
|
@utility rounded-bl-4xl {
|
|
893
909
|
@supports (corner-shape: superellipse(1.5)) {
|
|
894
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
910
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
895
911
|
corner-shape: superellipse(1.5);
|
|
896
912
|
}
|
|
897
913
|
}
|
|
898
914
|
|
|
899
915
|
@utility rounded-ss-xs {
|
|
900
916
|
@supports (corner-shape: superellipse(1.5)) {
|
|
901
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
917
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
902
918
|
corner-shape: superellipse(1.5);
|
|
903
919
|
}
|
|
904
920
|
}
|
|
905
921
|
|
|
906
922
|
@utility rounded-ss-sm {
|
|
907
923
|
@supports (corner-shape: superellipse(1.5)) {
|
|
908
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
924
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
909
925
|
corner-shape: superellipse(1.5);
|
|
910
926
|
}
|
|
911
927
|
}
|
|
912
928
|
|
|
913
929
|
@utility rounded-ss-md {
|
|
914
930
|
@supports (corner-shape: superellipse(1.5)) {
|
|
915
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
931
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
916
932
|
corner-shape: superellipse(1.5);
|
|
917
933
|
}
|
|
918
934
|
}
|
|
919
935
|
|
|
920
936
|
@utility rounded-ss-lg {
|
|
921
937
|
@supports (corner-shape: superellipse(1.5)) {
|
|
922
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
938
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
923
939
|
corner-shape: superellipse(1.5);
|
|
924
940
|
}
|
|
925
941
|
}
|
|
926
942
|
|
|
927
943
|
@utility rounded-ss-xl {
|
|
928
944
|
@supports (corner-shape: superellipse(1.5)) {
|
|
929
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
945
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
930
946
|
corner-shape: superellipse(1.5);
|
|
931
947
|
}
|
|
932
948
|
}
|
|
933
949
|
|
|
934
950
|
@utility rounded-ss-2xl {
|
|
935
951
|
@supports (corner-shape: superellipse(1.5)) {
|
|
936
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
952
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
937
953
|
corner-shape: superellipse(1.5);
|
|
938
954
|
}
|
|
939
955
|
}
|
|
940
956
|
|
|
941
957
|
@utility rounded-ss-3xl {
|
|
942
958
|
@supports (corner-shape: superellipse(1.5)) {
|
|
943
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
959
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
944
960
|
corner-shape: superellipse(1.5);
|
|
945
961
|
}
|
|
946
962
|
}
|
|
947
963
|
|
|
948
964
|
@utility rounded-ss-4xl {
|
|
949
965
|
@supports (corner-shape: superellipse(1.5)) {
|
|
950
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
966
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
951
967
|
corner-shape: superellipse(1.5);
|
|
952
968
|
}
|
|
953
969
|
}
|
|
954
970
|
|
|
955
971
|
@utility rounded-se-xs {
|
|
956
972
|
@supports (corner-shape: superellipse(1.5)) {
|
|
957
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
973
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
958
974
|
corner-shape: superellipse(1.5);
|
|
959
975
|
}
|
|
960
976
|
}
|
|
961
977
|
|
|
962
978
|
@utility rounded-se-sm {
|
|
963
979
|
@supports (corner-shape: superellipse(1.5)) {
|
|
964
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
980
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
965
981
|
corner-shape: superellipse(1.5);
|
|
966
982
|
}
|
|
967
983
|
}
|
|
968
984
|
|
|
969
985
|
@utility rounded-se-md {
|
|
970
986
|
@supports (corner-shape: superellipse(1.5)) {
|
|
971
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
987
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
972
988
|
corner-shape: superellipse(1.5);
|
|
973
989
|
}
|
|
974
990
|
}
|
|
975
991
|
|
|
976
992
|
@utility rounded-se-lg {
|
|
977
993
|
@supports (corner-shape: superellipse(1.5)) {
|
|
978
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
994
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
979
995
|
corner-shape: superellipse(1.5);
|
|
980
996
|
}
|
|
981
997
|
}
|
|
982
998
|
|
|
983
999
|
@utility rounded-se-xl {
|
|
984
1000
|
@supports (corner-shape: superellipse(1.5)) {
|
|
985
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1001
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
986
1002
|
corner-shape: superellipse(1.5);
|
|
987
1003
|
}
|
|
988
1004
|
}
|
|
989
1005
|
|
|
990
1006
|
@utility rounded-se-2xl {
|
|
991
1007
|
@supports (corner-shape: superellipse(1.5)) {
|
|
992
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1008
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
993
1009
|
corner-shape: superellipse(1.5);
|
|
994
1010
|
}
|
|
995
1011
|
}
|
|
996
1012
|
|
|
997
1013
|
@utility rounded-se-3xl {
|
|
998
1014
|
@supports (corner-shape: superellipse(1.5)) {
|
|
999
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1015
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
1000
1016
|
corner-shape: superellipse(1.5);
|
|
1001
1017
|
}
|
|
1002
1018
|
}
|
|
1003
1019
|
|
|
1004
1020
|
@utility rounded-se-4xl {
|
|
1005
1021
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1006
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1022
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
1007
1023
|
corner-shape: superellipse(1.5);
|
|
1008
1024
|
}
|
|
1009
1025
|
}
|
|
1010
1026
|
|
|
1011
1027
|
@utility rounded-es-xs {
|
|
1012
1028
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1013
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1029
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
1014
1030
|
corner-shape: superellipse(1.5);
|
|
1015
1031
|
}
|
|
1016
1032
|
}
|
|
1017
1033
|
|
|
1018
1034
|
@utility rounded-es-sm {
|
|
1019
1035
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1020
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1036
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
1021
1037
|
corner-shape: superellipse(1.5);
|
|
1022
1038
|
}
|
|
1023
1039
|
}
|
|
1024
1040
|
|
|
1025
1041
|
@utility rounded-es-md {
|
|
1026
1042
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1027
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1043
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
1028
1044
|
corner-shape: superellipse(1.5);
|
|
1029
1045
|
}
|
|
1030
1046
|
}
|
|
1031
1047
|
|
|
1032
1048
|
@utility rounded-es-lg {
|
|
1033
1049
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1034
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1050
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
1035
1051
|
corner-shape: superellipse(1.5);
|
|
1036
1052
|
}
|
|
1037
1053
|
}
|
|
1038
1054
|
|
|
1039
1055
|
@utility rounded-es-xl {
|
|
1040
1056
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1041
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1057
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
1042
1058
|
corner-shape: superellipse(1.5);
|
|
1043
1059
|
}
|
|
1044
1060
|
}
|
|
1045
1061
|
|
|
1046
1062
|
@utility rounded-es-2xl {
|
|
1047
1063
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1048
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1064
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
1049
1065
|
corner-shape: superellipse(1.5);
|
|
1050
1066
|
}
|
|
1051
1067
|
}
|
|
1052
1068
|
|
|
1053
1069
|
@utility rounded-es-3xl {
|
|
1054
1070
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1055
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1071
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
1056
1072
|
corner-shape: superellipse(1.5);
|
|
1057
1073
|
}
|
|
1058
1074
|
}
|
|
1059
1075
|
|
|
1060
1076
|
@utility rounded-es-4xl {
|
|
1061
1077
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1062
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1078
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
1063
1079
|
corner-shape: superellipse(1.5);
|
|
1064
1080
|
}
|
|
1065
1081
|
}
|
|
1066
1082
|
|
|
1067
1083
|
@utility rounded-ee-xs {
|
|
1068
1084
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1069
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1085
|
+
--superellipse-scale-xs: var(--superellipse-modifier-xs);
|
|
1070
1086
|
corner-shape: superellipse(1.5);
|
|
1071
1087
|
}
|
|
1072
1088
|
}
|
|
1073
1089
|
|
|
1074
1090
|
@utility rounded-ee-sm {
|
|
1075
1091
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1076
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1092
|
+
--superellipse-scale-sm: var(--superellipse-modifier-sm);
|
|
1077
1093
|
corner-shape: superellipse(1.5);
|
|
1078
1094
|
}
|
|
1079
1095
|
}
|
|
1080
1096
|
|
|
1081
1097
|
@utility rounded-ee-md {
|
|
1082
1098
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1083
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1099
|
+
--superellipse-scale-md: var(--superellipse-modifier-md);
|
|
1084
1100
|
corner-shape: superellipse(1.5);
|
|
1085
1101
|
}
|
|
1086
1102
|
}
|
|
1087
1103
|
|
|
1088
1104
|
@utility rounded-ee-lg {
|
|
1089
1105
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1090
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1106
|
+
--superellipse-scale-lg: var(--superellipse-modifier-lg);
|
|
1091
1107
|
corner-shape: superellipse(1.5);
|
|
1092
1108
|
}
|
|
1093
1109
|
}
|
|
1094
1110
|
|
|
1095
1111
|
@utility rounded-ee-xl {
|
|
1096
1112
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1097
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1113
|
+
--superellipse-scale-xl: var(--superellipse-modifier-xl);
|
|
1098
1114
|
corner-shape: superellipse(1.5);
|
|
1099
1115
|
}
|
|
1100
1116
|
}
|
|
1101
1117
|
|
|
1102
1118
|
@utility rounded-ee-2xl {
|
|
1103
1119
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1104
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1120
|
+
--superellipse-scale-2xl: var(--superellipse-modifier-2xl);
|
|
1105
1121
|
corner-shape: superellipse(1.5);
|
|
1106
1122
|
}
|
|
1107
1123
|
}
|
|
1108
1124
|
|
|
1109
1125
|
@utility rounded-ee-3xl {
|
|
1110
1126
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1111
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1127
|
+
--superellipse-scale-3xl: var(--superellipse-modifier-3xl);
|
|
1112
1128
|
corner-shape: superellipse(1.5);
|
|
1113
1129
|
}
|
|
1114
1130
|
}
|
|
1115
1131
|
|
|
1116
1132
|
@utility rounded-ee-4xl {
|
|
1117
1133
|
@supports (corner-shape: superellipse(1.5)) {
|
|
1118
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1119
|
-
corner-shape: superellipse(1.5);
|
|
1120
|
-
}
|
|
1121
|
-
}
|
|
1122
|
-
|
|
1123
|
-
@layer base {
|
|
1124
|
-
@supports (corner-shape: superellipse(1.5)) {
|
|
1125
|
-
/* range — WebKit */
|
|
1126
|
-
@supports selector(input[type="range"]::-webkit-slider-thumb) {
|
|
1127
|
-
input[type="range"][class*="rounded"]:not([class*="rounded-none"]):not([class*="rounded-full"]) {
|
|
1128
|
-
&::-webkit-slider-thumb,
|
|
1129
|
-
&::-webkit-slider-runnable-track {
|
|
1130
|
-
border-radius: inherit;
|
|
1131
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1132
|
-
corner-shape: superellipse(1.5);
|
|
1133
|
-
}
|
|
1134
|
-
}
|
|
1135
|
-
}
|
|
1136
|
-
|
|
1137
|
-
/* range — Firefox */
|
|
1138
|
-
@supports selector(input[type="range"]::-moz-range-thumb) {
|
|
1139
|
-
input[type="range"][class*="rounded"]:not([class*="rounded-none"]):not([class*="rounded-full"]) {
|
|
1140
|
-
&::-moz-range-thumb,
|
|
1141
|
-
&::-moz-range-track,
|
|
1142
|
-
&::-moz-range-progress {
|
|
1143
|
-
border-radius: inherit;
|
|
1144
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1145
|
-
corner-shape: superellipse(1.5);
|
|
1146
|
-
}
|
|
1147
|
-
}
|
|
1148
|
-
}
|
|
1149
|
-
|
|
1150
|
-
/* select — experimental picker */
|
|
1151
|
-
@supports selector(select::picker(select)) {
|
|
1152
|
-
select[class*="rounded"]:not([class*="rounded-none"]):not([class*="rounded-full"]) {
|
|
1153
|
-
&::picker(select),
|
|
1154
|
-
&::checkmark {
|
|
1155
|
-
border-radius: inherit;
|
|
1156
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1157
|
-
corner-shape: superellipse(1.5);
|
|
1158
|
-
}
|
|
1159
|
-
}
|
|
1160
|
-
}
|
|
1161
|
-
|
|
1162
|
-
/* file input button */
|
|
1163
|
-
@supports selector(input[type="file"]::file-selector-button) {
|
|
1164
|
-
input[type="file"][class*="rounded"]:not([class*="rounded-none"]):not([class*="rounded-full"]) {
|
|
1165
|
-
&::file-selector-button {
|
|
1166
|
-
border-radius: inherit;
|
|
1167
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1168
|
-
corner-shape: superellipse(1.5);
|
|
1169
|
-
}
|
|
1170
|
-
}
|
|
1171
|
-
}
|
|
1172
|
-
|
|
1173
|
-
/* search — WebKit (split rules: an unsupported selector in a list drops the whole rule) */
|
|
1174
|
-
@supports selector(input[type="search"]::-webkit-search-cancel-button) {
|
|
1175
|
-
input[type="search"][class*="rounded"]:not([class*="rounded-none"]):not([class*="rounded-full"]) {
|
|
1176
|
-
&::-webkit-search-cancel-button {
|
|
1177
|
-
border-radius: inherit;
|
|
1178
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1179
|
-
corner-shape: superellipse(1.5);
|
|
1180
|
-
}
|
|
1181
|
-
}
|
|
1182
|
-
}
|
|
1183
|
-
|
|
1184
|
-
@supports selector(input[type="search"]::-webkit-search-decoration) {
|
|
1185
|
-
input[type="search"][class*="rounded"]:not([class*="rounded-none"]):not([class*="rounded-full"]) {
|
|
1186
|
-
&::-webkit-search-decoration {
|
|
1187
|
-
border-radius: inherit;
|
|
1188
|
-
--superellipse-scale: var(--superellipse-modifier);
|
|
1189
|
-
corner-shape: superellipse(1.5);
|
|
1190
|
-
}
|
|
1191
|
-
}
|
|
1192
|
-
}
|
|
1134
|
+
--superellipse-scale-4xl: var(--superellipse-modifier-4xl);
|
|
1135
|
+
corner-shape: superellipse(1.5);
|
|
1193
1136
|
}
|
|
1194
1137
|
}
|