@tokenami/ds 0.0.66 → 0.0.68
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 +18 -9
- package/dist/index.cjs +345 -156
- package/dist/index.d.cts +2499 -156
- package/dist/index.d.ts +2499 -156
- package/dist/index.js +346 -157
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createConfig } from '@tokenami/config';
|
|
2
|
-
import { blackA, whiteA, gray, mauve, slate, sage, olive, sand, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky, grayA, mauveA, slateA, sageA, oliveA, sandA, goldA, bronzeA, brownA, yellowA, amberA, orangeA, tomatoA, redA, rubyA, crimsonA, pinkA, plumA, purpleA, violetA, irisA, indigoA, blueA, cyanA, tealA, jadeA, greenA, grassA, limeA, mintA, skyA, grayDark, mauveDark, slateDark, sageDark, oliveDark, sandDark, goldDark, bronzeDark, brownDark, yellowDark, amberDark, orangeDark, tomatoDark, redDark, rubyDark, crimsonDark, pinkDark, plumDark, purpleDark, violetDark, irisDark, indigoDark, blueDark, cyanDark, tealDark, jadeDark, greenDark, grassDark, limeDark, mintDark, skyDark, grayDarkA, mauveDarkA, slateDarkA, sageDarkA, oliveDarkA, sandDarkA, goldDarkA, bronzeDarkA, brownDarkA, yellowDarkA, amberDarkA, orangeDarkA, tomatoDarkA, redDarkA, rubyDarkA, crimsonDarkA, pinkDarkA, plumDarkA, purpleDarkA, violetDarkA, irisDarkA, indigoDarkA, blueDarkA, cyanDarkA, tealDarkA, jadeDarkA, greenDarkA, grassDarkA, limeDarkA, mintDarkA, skyDarkA } from '@radix-ui/colors';
|
|
2
|
+
import { blackA, whiteA, blackP3A, whiteP3A, gray, mauve, slate, sage, olive, sand, gold, bronze, brown, yellow, amber, orange, tomato, red, ruby, crimson, pink, plum, purple, violet, iris, indigo, blue, cyan, teal, jade, green, grass, lime, mint, sky, grayA, mauveA, slateA, sageA, oliveA, sandA, goldA, bronzeA, brownA, yellowA, amberA, orangeA, tomatoA, redA, rubyA, crimsonA, pinkA, plumA, purpleA, violetA, irisA, indigoA, blueA, cyanA, tealA, jadeA, greenA, grassA, limeA, mintA, skyA, grayP3, mauveP3, slateP3, sageP3, oliveP3, sandP3, goldP3, bronzeP3, brownP3, yellowP3, amberP3, orangeP3, tomatoP3, redP3, rubyP3, crimsonP3, pinkP3, plumP3, purpleP3, violetP3, irisP3, indigoP3, blueP3, cyanP3, tealP3, jadeP3, greenP3, grassP3, limeP3, mintP3, skyP3, grayP3A, mauveP3A, slateP3A, sageP3A, oliveP3A, sandP3A, goldP3A, bronzeP3A, brownP3A, yellowP3A, amberP3A, orangeP3A, tomatoP3A, redP3A, rubyP3A, crimsonP3A, pinkP3A, plumP3A, purpleP3A, violetP3A, irisP3A, indigoP3A, blueP3A, cyanP3A, tealP3A, jadeP3A, greenP3A, grassP3A, limeP3A, mintP3A, skyP3A, grayDark, mauveDark, slateDark, sageDark, oliveDark, sandDark, goldDark, bronzeDark, brownDark, yellowDark, amberDark, orangeDark, tomatoDark, redDark, rubyDark, crimsonDark, pinkDark, plumDark, purpleDark, violetDark, irisDark, indigoDark, blueDark, cyanDark, tealDark, jadeDark, greenDark, grassDark, limeDark, mintDark, skyDark, grayDarkA, mauveDarkA, slateDarkA, sageDarkA, oliveDarkA, sandDarkA, goldDarkA, bronzeDarkA, brownDarkA, yellowDarkA, amberDarkA, orangeDarkA, tomatoDarkA, redDarkA, rubyDarkA, crimsonDarkA, pinkDarkA, plumDarkA, purpleDarkA, violetDarkA, irisDarkA, indigoDarkA, blueDarkA, cyanDarkA, tealDarkA, jadeDarkA, greenDarkA, grassDarkA, limeDarkA, mintDarkA, skyDarkA, grayDarkP3, mauveDarkP3, slateDarkP3, sageDarkP3, oliveDarkP3, sandDarkP3, goldDarkP3, bronzeDarkP3, brownDarkP3, yellowDarkP3, amberDarkP3, orangeDarkP3, tomatoDarkP3, redDarkP3, rubyDarkP3, crimsonDarkP3, pinkDarkP3, plumDarkP3, purpleDarkP3, violetDarkP3, irisDarkP3, indigoDarkP3, blueDarkP3, cyanDarkP3, tealDarkP3, jadeDarkP3, greenDarkP3, grassDarkP3, limeDarkP3, mintDarkP3, skyDarkP3, grayDarkP3A, mauveDarkP3A, slateDarkP3A, sageDarkP3A, oliveDarkP3A, sandDarkP3A, goldDarkP3A, bronzeDarkP3A, brownDarkP3A, yellowDarkP3A, amberDarkP3A, orangeDarkP3A, tomatoDarkP3A, redDarkP3A, rubyDarkP3A, crimsonDarkP3A, pinkDarkP3A, plumDarkP3A, purpleDarkP3A, violetDarkP3A, irisDarkP3A, indigoDarkP3A, blueDarkP3A, cyanDarkP3A, tealDarkP3A, jadeDarkP3A, greenDarkP3A, grassDarkP3A, limeDarkP3A, mintDarkP3A, skyDarkP3A } from '@radix-ui/colors';
|
|
3
3
|
|
|
4
4
|
// src/index.ts
|
|
5
5
|
var shared = {
|
|
@@ -8,6 +8,12 @@ var shared = {
|
|
|
8
8
|
...blackA,
|
|
9
9
|
...whiteA
|
|
10
10
|
};
|
|
11
|
+
var sharedP3 = {
|
|
12
|
+
black: "color(display-p3 0 0 0)",
|
|
13
|
+
white: "color(display-p3 1 1 1)",
|
|
14
|
+
...blackP3A,
|
|
15
|
+
...whiteP3A
|
|
16
|
+
};
|
|
11
17
|
var light = {
|
|
12
18
|
...gray,
|
|
13
19
|
...mauve,
|
|
@@ -72,6 +78,70 @@ var light = {
|
|
|
72
78
|
...mintA,
|
|
73
79
|
...skyA
|
|
74
80
|
};
|
|
81
|
+
var lightP3 = {
|
|
82
|
+
...grayP3,
|
|
83
|
+
...mauveP3,
|
|
84
|
+
...slateP3,
|
|
85
|
+
...sageP3,
|
|
86
|
+
...oliveP3,
|
|
87
|
+
...sandP3,
|
|
88
|
+
...goldP3,
|
|
89
|
+
...bronzeP3,
|
|
90
|
+
...brownP3,
|
|
91
|
+
...yellowP3,
|
|
92
|
+
...amberP3,
|
|
93
|
+
...orangeP3,
|
|
94
|
+
...tomatoP3,
|
|
95
|
+
...redP3,
|
|
96
|
+
...rubyP3,
|
|
97
|
+
...crimsonP3,
|
|
98
|
+
...pinkP3,
|
|
99
|
+
...plumP3,
|
|
100
|
+
...purpleP3,
|
|
101
|
+
...violetP3,
|
|
102
|
+
...irisP3,
|
|
103
|
+
...indigoP3,
|
|
104
|
+
...blueP3,
|
|
105
|
+
...cyanP3,
|
|
106
|
+
...tealP3,
|
|
107
|
+
...jadeP3,
|
|
108
|
+
...greenP3,
|
|
109
|
+
...grassP3,
|
|
110
|
+
...limeP3,
|
|
111
|
+
...mintP3,
|
|
112
|
+
...skyP3,
|
|
113
|
+
...grayP3A,
|
|
114
|
+
...mauveP3A,
|
|
115
|
+
...slateP3A,
|
|
116
|
+
...sageP3A,
|
|
117
|
+
...oliveP3A,
|
|
118
|
+
...sandP3A,
|
|
119
|
+
...goldP3A,
|
|
120
|
+
...bronzeP3A,
|
|
121
|
+
...brownP3A,
|
|
122
|
+
...yellowP3A,
|
|
123
|
+
...amberP3A,
|
|
124
|
+
...orangeP3A,
|
|
125
|
+
...tomatoP3A,
|
|
126
|
+
...redP3A,
|
|
127
|
+
...rubyP3A,
|
|
128
|
+
...crimsonP3A,
|
|
129
|
+
...pinkP3A,
|
|
130
|
+
...plumP3A,
|
|
131
|
+
...purpleP3A,
|
|
132
|
+
...violetP3A,
|
|
133
|
+
...irisP3A,
|
|
134
|
+
...indigoP3A,
|
|
135
|
+
...blueP3A,
|
|
136
|
+
...cyanP3A,
|
|
137
|
+
...tealP3A,
|
|
138
|
+
...jadeP3A,
|
|
139
|
+
...greenP3A,
|
|
140
|
+
...grassP3A,
|
|
141
|
+
...limeP3A,
|
|
142
|
+
...mintP3A,
|
|
143
|
+
...skyP3A
|
|
144
|
+
};
|
|
75
145
|
var dark = {
|
|
76
146
|
...grayDark,
|
|
77
147
|
...mauveDark,
|
|
@@ -136,6 +206,70 @@ var dark = {
|
|
|
136
206
|
...mintDarkA,
|
|
137
207
|
...skyDarkA
|
|
138
208
|
};
|
|
209
|
+
var darkP3 = {
|
|
210
|
+
...grayDarkP3,
|
|
211
|
+
...mauveDarkP3,
|
|
212
|
+
...slateDarkP3,
|
|
213
|
+
...sageDarkP3,
|
|
214
|
+
...oliveDarkP3,
|
|
215
|
+
...sandDarkP3,
|
|
216
|
+
...goldDarkP3,
|
|
217
|
+
...bronzeDarkP3,
|
|
218
|
+
...brownDarkP3,
|
|
219
|
+
...yellowDarkP3,
|
|
220
|
+
...amberDarkP3,
|
|
221
|
+
...orangeDarkP3,
|
|
222
|
+
...tomatoDarkP3,
|
|
223
|
+
...redDarkP3,
|
|
224
|
+
...rubyDarkP3,
|
|
225
|
+
...crimsonDarkP3,
|
|
226
|
+
...pinkDarkP3,
|
|
227
|
+
...plumDarkP3,
|
|
228
|
+
...purpleDarkP3,
|
|
229
|
+
...violetDarkP3,
|
|
230
|
+
...irisDarkP3,
|
|
231
|
+
...indigoDarkP3,
|
|
232
|
+
...blueDarkP3,
|
|
233
|
+
...cyanDarkP3,
|
|
234
|
+
...tealDarkP3,
|
|
235
|
+
...jadeDarkP3,
|
|
236
|
+
...greenDarkP3,
|
|
237
|
+
...grassDarkP3,
|
|
238
|
+
...limeDarkP3,
|
|
239
|
+
...mintDarkP3,
|
|
240
|
+
...skyDarkP3,
|
|
241
|
+
...grayDarkP3A,
|
|
242
|
+
...mauveDarkP3A,
|
|
243
|
+
...slateDarkP3A,
|
|
244
|
+
...sageDarkP3A,
|
|
245
|
+
...oliveDarkP3A,
|
|
246
|
+
...sandDarkP3A,
|
|
247
|
+
...goldDarkP3A,
|
|
248
|
+
...bronzeDarkP3A,
|
|
249
|
+
...brownDarkP3A,
|
|
250
|
+
...yellowDarkP3A,
|
|
251
|
+
...amberDarkP3A,
|
|
252
|
+
...orangeDarkP3A,
|
|
253
|
+
...tomatoDarkP3A,
|
|
254
|
+
...redDarkP3A,
|
|
255
|
+
...rubyDarkP3A,
|
|
256
|
+
...crimsonDarkP3A,
|
|
257
|
+
...pinkDarkP3A,
|
|
258
|
+
...plumDarkP3A,
|
|
259
|
+
...purpleDarkP3A,
|
|
260
|
+
...violetDarkP3A,
|
|
261
|
+
...irisDarkP3A,
|
|
262
|
+
...indigoDarkP3A,
|
|
263
|
+
...blueDarkP3A,
|
|
264
|
+
...cyanDarkP3A,
|
|
265
|
+
...tealDarkP3A,
|
|
266
|
+
...jadeDarkP3A,
|
|
267
|
+
...greenDarkP3A,
|
|
268
|
+
...grassDarkP3A,
|
|
269
|
+
...limeDarkP3A,
|
|
270
|
+
...mintDarkP3A,
|
|
271
|
+
...skyDarkP3A
|
|
272
|
+
};
|
|
139
273
|
|
|
140
274
|
// src/index.ts
|
|
141
275
|
var BASE_FONT_SIZE = 16;
|
|
@@ -166,7 +300,6 @@ var fluid = (params) => {
|
|
|
166
300
|
var src_default = createConfig({
|
|
167
301
|
include: [],
|
|
168
302
|
grid: rem(BASE_GRID_SIZE),
|
|
169
|
-
themeSelector: (mode) => mode === "root" ? ":root" : `[data-theme=${mode}]`,
|
|
170
303
|
responsive: {
|
|
171
304
|
sm: remBreakpoint(BP_SM),
|
|
172
305
|
md: remBreakpoint(BP_MD),
|
|
@@ -336,6 +469,23 @@ var src_default = createConfig({
|
|
|
336
469
|
display: "none"
|
|
337
470
|
}
|
|
338
471
|
},
|
|
472
|
+
themeSelector: (mode) => {
|
|
473
|
+
const attrSelector = (mode2) => `[data-theme=${mode2}]`;
|
|
474
|
+
const p3 = (modeSelector) => [
|
|
475
|
+
"@supports (color: color(display-p3 1 1 1))",
|
|
476
|
+
"@media (color-gamut: p3)",
|
|
477
|
+
modeSelector
|
|
478
|
+
];
|
|
479
|
+
if (mode === "root")
|
|
480
|
+
return ":root";
|
|
481
|
+
if (mode === "rootP3")
|
|
482
|
+
return p3(":root");
|
|
483
|
+
if (mode === "lightP3")
|
|
484
|
+
return p3(attrSelector("light"));
|
|
485
|
+
if (mode === "darkP3")
|
|
486
|
+
return p3(attrSelector("dark"));
|
|
487
|
+
return attrSelector(mode);
|
|
488
|
+
},
|
|
339
489
|
theme: {
|
|
340
490
|
modes: {
|
|
341
491
|
root: {
|
|
@@ -361,30 +511,54 @@ var src_default = createConfig({
|
|
|
361
511
|
...shared,
|
|
362
512
|
...dark
|
|
363
513
|
}
|
|
514
|
+
},
|
|
515
|
+
rootP3: {
|
|
516
|
+
color: {
|
|
517
|
+
current: "currentColor",
|
|
518
|
+
transparent: "transparent",
|
|
519
|
+
...sharedP3,
|
|
520
|
+
...lightP3
|
|
521
|
+
}
|
|
522
|
+
},
|
|
523
|
+
lightP3: {
|
|
524
|
+
color: {
|
|
525
|
+
current: "currentColor",
|
|
526
|
+
transparent: "transparent",
|
|
527
|
+
...sharedP3,
|
|
528
|
+
...lightP3
|
|
529
|
+
}
|
|
530
|
+
},
|
|
531
|
+
darkP3: {
|
|
532
|
+
color: {
|
|
533
|
+
current: "currentColor",
|
|
534
|
+
transparent: "transparent",
|
|
535
|
+
...sharedP3,
|
|
536
|
+
...darkP3
|
|
537
|
+
}
|
|
364
538
|
}
|
|
365
539
|
},
|
|
366
540
|
alpha: {
|
|
367
|
-
"0":
|
|
368
|
-
"5":
|
|
369
|
-
"10":
|
|
370
|
-
"15":
|
|
371
|
-
"20":
|
|
372
|
-
"25":
|
|
373
|
-
"30":
|
|
374
|
-
"35":
|
|
375
|
-
"40":
|
|
376
|
-
"45":
|
|
377
|
-
"50":
|
|
378
|
-
"55":
|
|
379
|
-
"60":
|
|
380
|
-
"65":
|
|
381
|
-
"70":
|
|
382
|
-
"75":
|
|
383
|
-
"80":
|
|
384
|
-
"85":
|
|
385
|
-
"90":
|
|
386
|
-
"95":
|
|
387
|
-
"100":
|
|
541
|
+
"0": 0,
|
|
542
|
+
"5": 0.05,
|
|
543
|
+
"10": 0.1,
|
|
544
|
+
"15": 0.15,
|
|
545
|
+
"20": 0.2,
|
|
546
|
+
"25": 0.25,
|
|
547
|
+
"30": 0.3,
|
|
548
|
+
"35": 0.35,
|
|
549
|
+
"40": 0.4,
|
|
550
|
+
"45": 0.45,
|
|
551
|
+
"50": 0.5,
|
|
552
|
+
"55": 0.55,
|
|
553
|
+
"60": 0.6,
|
|
554
|
+
"65": 0.65,
|
|
555
|
+
"70": 0.7,
|
|
556
|
+
"75": 0.75,
|
|
557
|
+
"80": 0.8,
|
|
558
|
+
"85": 0.85,
|
|
559
|
+
"90": 0.9,
|
|
560
|
+
"95": 0.95,
|
|
561
|
+
"100": 1
|
|
388
562
|
},
|
|
389
563
|
anim: {
|
|
390
564
|
none: "none",
|
|
@@ -487,7 +661,7 @@ var src_default = createConfig({
|
|
|
487
661
|
initial: "0 1 auto",
|
|
488
662
|
none: "none"
|
|
489
663
|
},
|
|
490
|
-
"fluid-height": {
|
|
664
|
+
"fluid-height-clamp": {
|
|
491
665
|
"min-max": fluid({ property: "fluid-height", from: BP_SM, to: BP_2XL }),
|
|
492
666
|
"sm-md": fluid({ property: "fluid-height", from: BP_SM, to: BP_MD }),
|
|
493
667
|
"sm-lg": fluid({ property: "fluid-height", from: BP_SM, to: BP_LG }),
|
|
@@ -498,7 +672,7 @@ var src_default = createConfig({
|
|
|
498
672
|
"lg-xl": fluid({ property: "fluid-height", from: BP_LG, to: BP_XL }),
|
|
499
673
|
"lg-2xl": fluid({ property: "fluid-height", from: BP_LG, to: BP_2XL })
|
|
500
674
|
},
|
|
501
|
-
"fluid-border-spacing": {
|
|
675
|
+
"fluid-border-spacing-clamp": {
|
|
502
676
|
"min-max": fluid({ property: "fluid-border-spacing", from: BP_SM, to: BP_2XL }),
|
|
503
677
|
"sm-md": fluid({ property: "fluid-border-spacing", from: BP_SM, to: BP_MD }),
|
|
504
678
|
"sm-lg": fluid({ property: "fluid-border-spacing", from: BP_SM, to: BP_LG }),
|
|
@@ -509,7 +683,7 @@ var src_default = createConfig({
|
|
|
509
683
|
"lg-xl": fluid({ property: "fluid-border-spacing", from: BP_LG, to: BP_XL }),
|
|
510
684
|
"lg-2xl": fluid({ property: "fluid-border-spacing", from: BP_LG, to: BP_2XL })
|
|
511
685
|
},
|
|
512
|
-
"fluid-column-gap": {
|
|
686
|
+
"fluid-column-gap-clamp": {
|
|
513
687
|
"min-max": fluid({ property: "fluid-column-gap", from: BP_SM, to: BP_2XL }),
|
|
514
688
|
"sm-md": fluid({ property: "fluid-column-gap", from: BP_SM, to: BP_MD }),
|
|
515
689
|
"sm-lg": fluid({ property: "fluid-column-gap", from: BP_SM, to: BP_LG }),
|
|
@@ -520,7 +694,7 @@ var src_default = createConfig({
|
|
|
520
694
|
"lg-xl": fluid({ property: "fluid-column-gap", from: BP_LG, to: BP_XL }),
|
|
521
695
|
"lg-2xl": fluid({ property: "fluid-column-gap", from: BP_LG, to: BP_2XL })
|
|
522
696
|
},
|
|
523
|
-
"fluid-column-width": {
|
|
697
|
+
"fluid-column-width-clamp": {
|
|
524
698
|
"min-max": fluid({ property: "fluid-column-width", from: BP_SM, to: BP_2XL }),
|
|
525
699
|
"sm-md": fluid({ property: "fluid-column-width", from: BP_SM, to: BP_MD }),
|
|
526
700
|
"sm-lg": fluid({ property: "fluid-column-width", from: BP_SM, to: BP_LG }),
|
|
@@ -531,7 +705,7 @@ var src_default = createConfig({
|
|
|
531
705
|
"lg-xl": fluid({ property: "fluid-column-width", from: BP_LG, to: BP_XL }),
|
|
532
706
|
"lg-2xl": fluid({ property: "fluid-column-width", from: BP_LG, to: BP_2XL })
|
|
533
707
|
},
|
|
534
|
-
"fluid-flex-basis": {
|
|
708
|
+
"fluid-flex-basis-clamp": {
|
|
535
709
|
"min-max": fluid({ property: "fluid-flex-basis", from: BP_SM, to: BP_2XL }),
|
|
536
710
|
"sm-md": fluid({ property: "fluid-flex-basis", from: BP_SM, to: BP_MD }),
|
|
537
711
|
"sm-lg": fluid({ property: "fluid-flex-basis", from: BP_SM, to: BP_LG }),
|
|
@@ -543,6 +717,21 @@ var src_default = createConfig({
|
|
|
543
717
|
"lg-2xl": fluid({ property: "fluid-flex-basis", from: BP_LG, to: BP_2XL })
|
|
544
718
|
},
|
|
545
719
|
"fluid-text-size": {
|
|
720
|
+
xs: 12 / BASE_FONT_SIZE,
|
|
721
|
+
sm: 14 / BASE_FONT_SIZE,
|
|
722
|
+
base: 16 / BASE_FONT_SIZE,
|
|
723
|
+
lg: 18 / BASE_FONT_SIZE,
|
|
724
|
+
xl: 20 / BASE_FONT_SIZE,
|
|
725
|
+
"2xl": 24 / BASE_FONT_SIZE,
|
|
726
|
+
"3xl": 30 / BASE_FONT_SIZE,
|
|
727
|
+
"4xl": 36 / BASE_FONT_SIZE,
|
|
728
|
+
"5xl": 48 / BASE_FONT_SIZE,
|
|
729
|
+
"6xl": 60 / BASE_FONT_SIZE,
|
|
730
|
+
"7xl": 72 / BASE_FONT_SIZE,
|
|
731
|
+
"8xl": 96 / BASE_FONT_SIZE,
|
|
732
|
+
"9xl": 128 / BASE_FONT_SIZE
|
|
733
|
+
},
|
|
734
|
+
"fluid-text-size-clamp": {
|
|
546
735
|
"min-max": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_2XL, divider: 1 }),
|
|
547
736
|
"sm-md": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_MD, divider: 1 }),
|
|
548
737
|
"sm-lg": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_LG, divider: 1 }),
|
|
@@ -553,7 +742,7 @@ var src_default = createConfig({
|
|
|
553
742
|
"lg-xl": fluid({ property: "fluid-text-size", from: BP_LG, to: BP_XL, divider: 1 }),
|
|
554
743
|
"lg-2xl": fluid({ property: "fluid-text-size", from: BP_LG, to: BP_2XL, divider: 1 })
|
|
555
744
|
},
|
|
556
|
-
"fluid-gap": {
|
|
745
|
+
"fluid-gap-clamp": {
|
|
557
746
|
"min-max": fluid({ property: "fluid-gap", from: BP_SM, to: BP_2XL }),
|
|
558
747
|
"sm-md": fluid({ property: "fluid-gap", from: BP_SM, to: BP_MD }),
|
|
559
748
|
"sm-lg": fluid({ property: "fluid-gap", from: BP_SM, to: BP_LG }),
|
|
@@ -564,7 +753,7 @@ var src_default = createConfig({
|
|
|
564
753
|
"lg-xl": fluid({ property: "fluid-gap", from: BP_LG, to: BP_XL }),
|
|
565
754
|
"lg-2xl": fluid({ property: "fluid-gap", from: BP_LG, to: BP_2XL })
|
|
566
755
|
},
|
|
567
|
-
"fluid-width": {
|
|
756
|
+
"fluid-width-clamp": {
|
|
568
757
|
"min-max": fluid({ property: "fluid-width", from: BP_SM, to: BP_2XL }),
|
|
569
758
|
"sm-md": fluid({ property: "fluid-width", from: BP_SM, to: BP_MD }),
|
|
570
759
|
"sm-lg": fluid({ property: "fluid-width", from: BP_SM, to: BP_LG }),
|
|
@@ -575,7 +764,7 @@ var src_default = createConfig({
|
|
|
575
764
|
"lg-xl": fluid({ property: "fluid-width", from: BP_LG, to: BP_XL }),
|
|
576
765
|
"lg-2xl": fluid({ property: "fluid-width", from: BP_LG, to: BP_2XL })
|
|
577
766
|
},
|
|
578
|
-
"fluid-inset": {
|
|
767
|
+
"fluid-inset-clamp": {
|
|
579
768
|
"min-max": fluid({ property: "fluid-inset", from: BP_SM, to: BP_2XL }),
|
|
580
769
|
"sm-md": fluid({ property: "fluid-inset", from: BP_SM, to: BP_MD }),
|
|
581
770
|
"sm-lg": fluid({ property: "fluid-inset", from: BP_SM, to: BP_LG }),
|
|
@@ -586,7 +775,7 @@ var src_default = createConfig({
|
|
|
586
775
|
"lg-xl": fluid({ property: "fluid-inset", from: BP_LG, to: BP_XL }),
|
|
587
776
|
"lg-2xl": fluid({ property: "fluid-inset", from: BP_LG, to: BP_2XL })
|
|
588
777
|
},
|
|
589
|
-
"fluid-inset-y": {
|
|
778
|
+
"fluid-inset-y-clamp": {
|
|
590
779
|
"min-max": fluid({ property: "fluid-inset-y", from: BP_SM, to: BP_2XL }),
|
|
591
780
|
"sm-md": fluid({ property: "fluid-inset-y", from: BP_SM, to: BP_MD }),
|
|
592
781
|
"sm-lg": fluid({ property: "fluid-inset-y", from: BP_SM, to: BP_LG }),
|
|
@@ -608,7 +797,7 @@ var src_default = createConfig({
|
|
|
608
797
|
"lg-xl": fluid({ property: "fluid-bottom", from: BP_LG, to: BP_XL }),
|
|
609
798
|
"lg-2xl": fluid({ property: "fluid-bottom", from: BP_LG, to: BP_2XL })
|
|
610
799
|
},
|
|
611
|
-
"fluid-top": {
|
|
800
|
+
"fluid-top-clamp": {
|
|
612
801
|
"min-max": fluid({ property: "fluid-top", from: BP_SM, to: BP_2XL }),
|
|
613
802
|
"sm-md": fluid({ property: "fluid-top", from: BP_SM, to: BP_MD }),
|
|
614
803
|
"sm-lg": fluid({ property: "fluid-top", from: BP_SM, to: BP_LG }),
|
|
@@ -630,7 +819,7 @@ var src_default = createConfig({
|
|
|
630
819
|
"lg-xl": fluid({ property: "fluid-inset-x", from: BP_LG, to: BP_XL }),
|
|
631
820
|
"lg-2xl": fluid({ property: "fluid-inset-x", from: BP_LG, to: BP_2XL })
|
|
632
821
|
},
|
|
633
|
-
"fluid-right": {
|
|
822
|
+
"fluid-right-clamp": {
|
|
634
823
|
"min-max": fluid({ property: "fluid-right", from: BP_SM, to: BP_2XL }),
|
|
635
824
|
"sm-md": fluid({ property: "fluid-right", from: BP_SM, to: BP_MD }),
|
|
636
825
|
"sm-lg": fluid({ property: "fluid-right", from: BP_SM, to: BP_LG }),
|
|
@@ -641,7 +830,7 @@ var src_default = createConfig({
|
|
|
641
830
|
"lg-xl": fluid({ property: "fluid-right", from: BP_LG, to: BP_XL }),
|
|
642
831
|
"lg-2xl": fluid({ property: "fluid-right", from: BP_LG, to: BP_2XL })
|
|
643
832
|
},
|
|
644
|
-
"fluid-left": {
|
|
833
|
+
"fluid-left-clamp": {
|
|
645
834
|
"min-max": fluid({ property: "fluid-left", from: BP_SM, to: BP_2XL }),
|
|
646
835
|
"sm-md": fluid({ property: "fluid-left", from: BP_SM, to: BP_MD }),
|
|
647
836
|
"sm-lg": fluid({ property: "fluid-left", from: BP_SM, to: BP_LG }),
|
|
@@ -663,7 +852,7 @@ var src_default = createConfig({
|
|
|
663
852
|
"lg-xl": fluid({ property: "fluid-m", from: BP_LG, to: BP_XL }),
|
|
664
853
|
"lg-2xl": fluid({ property: "fluid-m", from: BP_LG, to: BP_2XL })
|
|
665
854
|
},
|
|
666
|
-
"fluid-my": {
|
|
855
|
+
"fluid-my-clamp": {
|
|
667
856
|
"min-max": fluid({ property: "fluid-my", from: BP_SM, to: BP_2XL }),
|
|
668
857
|
"sm-md": fluid({ property: "fluid-my", from: BP_SM, to: BP_MD }),
|
|
669
858
|
"sm-lg": fluid({ property: "fluid-my", from: BP_SM, to: BP_LG }),
|
|
@@ -674,7 +863,7 @@ var src_default = createConfig({
|
|
|
674
863
|
"lg-xl": fluid({ property: "fluid-my", from: BP_LG, to: BP_XL }),
|
|
675
864
|
"lg-2xl": fluid({ property: "fluid-my", from: BP_LG, to: BP_2XL })
|
|
676
865
|
},
|
|
677
|
-
"fluid-mb": {
|
|
866
|
+
"fluid-mb-clamp": {
|
|
678
867
|
"min-max": fluid({ property: "fluid-mb", from: BP_SM, to: BP_2XL }),
|
|
679
868
|
"sm-md": fluid({ property: "fluid-mb", from: BP_SM, to: BP_MD }),
|
|
680
869
|
"sm-lg": fluid({ property: "fluid-mb", from: BP_SM, to: BP_LG }),
|
|
@@ -685,7 +874,7 @@ var src_default = createConfig({
|
|
|
685
874
|
"lg-xl": fluid({ property: "fluid-mb", from: BP_LG, to: BP_XL }),
|
|
686
875
|
"lg-2xl": fluid({ property: "fluid-mb", from: BP_LG, to: BP_2XL })
|
|
687
876
|
},
|
|
688
|
-
"fluid-mt": {
|
|
877
|
+
"fluid-mt-clamp": {
|
|
689
878
|
"min-max": fluid({ property: "fluid-mt", from: BP_SM, to: BP_2XL }),
|
|
690
879
|
"sm-md": fluid({ property: "fluid-mt", from: BP_SM, to: BP_MD }),
|
|
691
880
|
"sm-lg": fluid({ property: "fluid-mt", from: BP_SM, to: BP_LG }),
|
|
@@ -696,7 +885,7 @@ var src_default = createConfig({
|
|
|
696
885
|
"lg-xl": fluid({ property: "fluid-mt", from: BP_LG, to: BP_XL }),
|
|
697
886
|
"lg-2xl": fluid({ property: "fluid-mt", from: BP_LG, to: BP_2XL })
|
|
698
887
|
},
|
|
699
|
-
"fluid-mx": {
|
|
888
|
+
"fluid-mx-clamp": {
|
|
700
889
|
"min-max": fluid({ property: "fluid-mx", from: BP_SM, to: BP_2XL }),
|
|
701
890
|
"sm-md": fluid({ property: "fluid-mx", from: BP_SM, to: BP_MD }),
|
|
702
891
|
"sm-lg": fluid({ property: "fluid-mx", from: BP_SM, to: BP_LG }),
|
|
@@ -707,7 +896,7 @@ var src_default = createConfig({
|
|
|
707
896
|
"lg-xl": fluid({ property: "fluid-mx", from: BP_LG, to: BP_XL }),
|
|
708
897
|
"lg-2xl": fluid({ property: "fluid-mx", from: BP_LG, to: BP_2XL })
|
|
709
898
|
},
|
|
710
|
-
"fluid-mr": {
|
|
899
|
+
"fluid-mr-clamp": {
|
|
711
900
|
"min-max": fluid({ property: "fluid-mr", from: BP_SM, to: BP_2XL }),
|
|
712
901
|
"sm-md": fluid({ property: "fluid-mr", from: BP_SM, to: BP_MD }),
|
|
713
902
|
"sm-lg": fluid({ property: "fluid-mr", from: BP_SM, to: BP_LG }),
|
|
@@ -718,7 +907,7 @@ var src_default = createConfig({
|
|
|
718
907
|
"lg-xl": fluid({ property: "fluid-mr", from: BP_LG, to: BP_XL }),
|
|
719
908
|
"lg-2xl": fluid({ property: "fluid-mr", from: BP_LG, to: BP_2XL })
|
|
720
909
|
},
|
|
721
|
-
"fluid-ml": {
|
|
910
|
+
"fluid-ml-clamp": {
|
|
722
911
|
"min-max": fluid({ property: "fluid-ml", from: BP_SM, to: BP_2XL }),
|
|
723
912
|
"sm-md": fluid({ property: "fluid-ml", from: BP_SM, to: BP_MD }),
|
|
724
913
|
"sm-lg": fluid({ property: "fluid-ml", from: BP_SM, to: BP_LG }),
|
|
@@ -729,7 +918,7 @@ var src_default = createConfig({
|
|
|
729
918
|
"lg-xl": fluid({ property: "fluid-ml", from: BP_LG, to: BP_XL }),
|
|
730
919
|
"lg-2xl": fluid({ property: "fluid-ml", from: BP_LG, to: BP_2XL })
|
|
731
920
|
},
|
|
732
|
-
"fluid-max-height": {
|
|
921
|
+
"fluid-max-height-clamp": {
|
|
733
922
|
"min-max": fluid({ property: "fluid-max-height", from: BP_SM, to: BP_2XL }),
|
|
734
923
|
"sm-md": fluid({ property: "fluid-max-height", from: BP_SM, to: BP_MD }),
|
|
735
924
|
"sm-lg": fluid({ property: "fluid-max-height", from: BP_SM, to: BP_LG }),
|
|
@@ -740,7 +929,7 @@ var src_default = createConfig({
|
|
|
740
929
|
"lg-xl": fluid({ property: "fluid-max-height", from: BP_LG, to: BP_XL }),
|
|
741
930
|
"lg-2xl": fluid({ property: "fluid-max-height", from: BP_LG, to: BP_2XL })
|
|
742
931
|
},
|
|
743
|
-
"fluid-max-width": {
|
|
932
|
+
"fluid-max-width-clamp": {
|
|
744
933
|
"min-max": fluid({ property: "fluid-max-width", from: BP_SM, to: BP_2XL }),
|
|
745
934
|
"sm-md": fluid({ property: "fluid-max-width", from: BP_SM, to: BP_MD }),
|
|
746
935
|
"sm-lg": fluid({ property: "fluid-max-width", from: BP_SM, to: BP_LG }),
|
|
@@ -751,7 +940,7 @@ var src_default = createConfig({
|
|
|
751
940
|
"lg-xl": fluid({ property: "fluid-max-width", from: BP_LG, to: BP_XL }),
|
|
752
941
|
"lg-2xl": fluid({ property: "fluid-max-width", from: BP_LG, to: BP_2XL })
|
|
753
942
|
},
|
|
754
|
-
"fluid-min-height": {
|
|
943
|
+
"fluid-min-height-clamp": {
|
|
755
944
|
"min-max": fluid({ property: "fluid-min-height", from: BP_SM, to: BP_2XL }),
|
|
756
945
|
"sm-md": fluid({ property: "fluid-min-height", from: BP_SM, to: BP_MD }),
|
|
757
946
|
"sm-lg": fluid({ property: "fluid-min-height", from: BP_SM, to: BP_LG }),
|
|
@@ -762,7 +951,7 @@ var src_default = createConfig({
|
|
|
762
951
|
"lg-xl": fluid({ property: "fluid-min-height", from: BP_LG, to: BP_XL }),
|
|
763
952
|
"lg-2xl": fluid({ property: "fluid-min-height", from: BP_LG, to: BP_2XL })
|
|
764
953
|
},
|
|
765
|
-
"fluid-min-width": {
|
|
954
|
+
"fluid-min-width-clamp": {
|
|
766
955
|
"min-max": fluid({ property: "fluid-min-width", from: BP_SM, to: BP_2XL }),
|
|
767
956
|
"sm-md": fluid({ property: "fluid-min-width", from: BP_SM, to: BP_MD }),
|
|
768
957
|
"sm-lg": fluid({ property: "fluid-min-width", from: BP_SM, to: BP_LG }),
|
|
@@ -773,7 +962,7 @@ var src_default = createConfig({
|
|
|
773
962
|
"lg-xl": fluid({ property: "fluid-min-width", from: BP_LG, to: BP_XL }),
|
|
774
963
|
"lg-2xl": fluid({ property: "fluid-min-width", from: BP_LG, to: BP_2XL })
|
|
775
964
|
},
|
|
776
|
-
"fluid-p": {
|
|
965
|
+
"fluid-p-clamp": {
|
|
777
966
|
"min-max": fluid({ property: "fluid-p", from: BP_SM, to: BP_2XL }),
|
|
778
967
|
"sm-md": fluid({ property: "fluid-p", from: BP_SM, to: BP_MD }),
|
|
779
968
|
"sm-lg": fluid({ property: "fluid-p", from: BP_SM, to: BP_LG }),
|
|
@@ -784,7 +973,7 @@ var src_default = createConfig({
|
|
|
784
973
|
"lg-xl": fluid({ property: "fluid-p", from: BP_LG, to: BP_XL }),
|
|
785
974
|
"lg-2xl": fluid({ property: "fluid-p", from: BP_LG, to: BP_2XL })
|
|
786
975
|
},
|
|
787
|
-
"fluid-py": {
|
|
976
|
+
"fluid-py-clamp": {
|
|
788
977
|
"min-max": fluid({ property: "fluid-py", from: BP_SM, to: BP_2XL }),
|
|
789
978
|
"sm-md": fluid({ property: "fluid-py", from: BP_SM, to: BP_MD }),
|
|
790
979
|
"sm-lg": fluid({ property: "fluid-py", from: BP_SM, to: BP_LG }),
|
|
@@ -795,7 +984,7 @@ var src_default = createConfig({
|
|
|
795
984
|
"lg-xl": fluid({ property: "fluid-py", from: BP_LG, to: BP_XL }),
|
|
796
985
|
"lg-2xl": fluid({ property: "fluid-py", from: BP_LG, to: BP_2XL })
|
|
797
986
|
},
|
|
798
|
-
"fluid-pb": {
|
|
987
|
+
"fluid-pb-clamp": {
|
|
799
988
|
"min-max": fluid({ property: "fluid-pb", from: BP_SM, to: BP_2XL }),
|
|
800
989
|
"sm-md": fluid({ property: "fluid-pb", from: BP_SM, to: BP_MD }),
|
|
801
990
|
"sm-lg": fluid({ property: "fluid-pb", from: BP_SM, to: BP_LG }),
|
|
@@ -806,7 +995,7 @@ var src_default = createConfig({
|
|
|
806
995
|
"lg-xl": fluid({ property: "fluid-pb", from: BP_LG, to: BP_XL }),
|
|
807
996
|
"lg-2xl": fluid({ property: "fluid-pb", from: BP_LG, to: BP_2XL })
|
|
808
997
|
},
|
|
809
|
-
"fluid-pt": {
|
|
998
|
+
"fluid-pt-clamp": {
|
|
810
999
|
"min-max": fluid({ property: "fluid-pt", from: BP_SM, to: BP_2XL }),
|
|
811
1000
|
"sm-md": fluid({ property: "fluid-pt", from: BP_SM, to: BP_MD }),
|
|
812
1001
|
"sm-lg": fluid({ property: "fluid-pt", from: BP_SM, to: BP_LG }),
|
|
@@ -817,7 +1006,7 @@ var src_default = createConfig({
|
|
|
817
1006
|
"lg-xl": fluid({ property: "fluid-pt", from: BP_LG, to: BP_XL }),
|
|
818
1007
|
"lg-2xl": fluid({ property: "fluid-pt", from: BP_LG, to: BP_2XL })
|
|
819
1008
|
},
|
|
820
|
-
"fluid-px": {
|
|
1009
|
+
"fluid-px-clamp": {
|
|
821
1010
|
"min-max": fluid({ property: "fluid-px", from: BP_SM, to: BP_2XL }),
|
|
822
1011
|
"sm-md": fluid({ property: "fluid-px", from: BP_SM, to: BP_MD }),
|
|
823
1012
|
"sm-lg": fluid({ property: "fluid-px", from: BP_SM, to: BP_LG }),
|
|
@@ -828,7 +1017,7 @@ var src_default = createConfig({
|
|
|
828
1017
|
"lg-xl": fluid({ property: "fluid-px", from: BP_LG, to: BP_XL }),
|
|
829
1018
|
"lg-2xl": fluid({ property: "fluid-px", from: BP_LG, to: BP_2XL })
|
|
830
1019
|
},
|
|
831
|
-
"fluid-pr": {
|
|
1020
|
+
"fluid-pr-clamp": {
|
|
832
1021
|
"min-max": fluid({ property: "fluid-pr", from: BP_SM, to: BP_2XL }),
|
|
833
1022
|
"sm-md": fluid({ property: "fluid-pr", from: BP_SM, to: BP_MD }),
|
|
834
1023
|
"sm-lg": fluid({ property: "fluid-pr", from: BP_SM, to: BP_LG }),
|
|
@@ -839,7 +1028,7 @@ var src_default = createConfig({
|
|
|
839
1028
|
"lg-xl": fluid({ property: "fluid-pr", from: BP_LG, to: BP_XL }),
|
|
840
1029
|
"lg-2xl": fluid({ property: "fluid-pr", from: BP_LG, to: BP_2XL })
|
|
841
1030
|
},
|
|
842
|
-
"fluid-pl": {
|
|
1031
|
+
"fluid-pl-clamp": {
|
|
843
1032
|
"min-max": fluid({ property: "fluid-pl", from: BP_SM, to: BP_2XL }),
|
|
844
1033
|
"sm-md": fluid({ property: "fluid-pl", from: BP_SM, to: BP_MD }),
|
|
845
1034
|
"sm-lg": fluid({ property: "fluid-pl", from: BP_SM, to: BP_LG }),
|
|
@@ -850,7 +1039,7 @@ var src_default = createConfig({
|
|
|
850
1039
|
"lg-xl": fluid({ property: "fluid-pl", from: BP_LG, to: BP_XL }),
|
|
851
1040
|
"lg-2xl": fluid({ property: "fluid-pl", from: BP_LG, to: BP_2XL })
|
|
852
1041
|
},
|
|
853
|
-
"fluid-row-gap": {
|
|
1042
|
+
"fluid-row-gap-clamp": {
|
|
854
1043
|
"min-max": fluid({ property: "fluid-row-gap", from: BP_SM, to: BP_2XL }),
|
|
855
1044
|
"sm-md": fluid({ property: "fluid-row-gap", from: BP_SM, to: BP_MD }),
|
|
856
1045
|
"sm-lg": fluid({ property: "fluid-row-gap", from: BP_SM, to: BP_LG }),
|
|
@@ -861,7 +1050,7 @@ var src_default = createConfig({
|
|
|
861
1050
|
"lg-xl": fluid({ property: "fluid-row-gap", from: BP_LG, to: BP_XL }),
|
|
862
1051
|
"lg-2xl": fluid({ property: "fluid-row-gap", from: BP_LG, to: BP_2XL })
|
|
863
1052
|
},
|
|
864
|
-
"fluid-scroll-m": {
|
|
1053
|
+
"fluid-scroll-m-clamp": {
|
|
865
1054
|
"min-max": fluid({ property: "fluid-scroll-m", from: BP_SM, to: BP_2XL }),
|
|
866
1055
|
"sm-md": fluid({ property: "fluid-scroll-m", from: BP_SM, to: BP_MD }),
|
|
867
1056
|
"sm-lg": fluid({ property: "fluid-scroll-m", from: BP_SM, to: BP_LG }),
|
|
@@ -872,7 +1061,7 @@ var src_default = createConfig({
|
|
|
872
1061
|
"lg-xl": fluid({ property: "fluid-scroll-m", from: BP_LG, to: BP_XL }),
|
|
873
1062
|
"lg-2xl": fluid({ property: "fluid-scroll-m", from: BP_LG, to: BP_2XL })
|
|
874
1063
|
},
|
|
875
|
-
"fluid-scroll-my": {
|
|
1064
|
+
"fluid-scroll-my-clamp": {
|
|
876
1065
|
"min-max": fluid({ property: "fluid-scroll-my", from: BP_SM, to: BP_2XL }),
|
|
877
1066
|
"sm-md": fluid({ property: "fluid-scroll-my", from: BP_SM, to: BP_MD }),
|
|
878
1067
|
"sm-lg": fluid({ property: "fluid-scroll-my", from: BP_SM, to: BP_LG }),
|
|
@@ -883,7 +1072,7 @@ var src_default = createConfig({
|
|
|
883
1072
|
"lg-xl": fluid({ property: "fluid-scroll-my", from: BP_LG, to: BP_XL }),
|
|
884
1073
|
"lg-2xl": fluid({ property: "fluid-scroll-my", from: BP_LG, to: BP_2XL })
|
|
885
1074
|
},
|
|
886
|
-
"fluid-scroll-mb": {
|
|
1075
|
+
"fluid-scroll-mb-clamp": {
|
|
887
1076
|
"min-max": fluid({ property: "fluid-scroll-mb", from: BP_SM, to: BP_2XL }),
|
|
888
1077
|
"sm-md": fluid({ property: "fluid-scroll-mb", from: BP_SM, to: BP_MD }),
|
|
889
1078
|
"sm-lg": fluid({ property: "fluid-scroll-mb", from: BP_SM, to: BP_LG }),
|
|
@@ -894,7 +1083,7 @@ var src_default = createConfig({
|
|
|
894
1083
|
"lg-xl": fluid({ property: "fluid-scroll-mb", from: BP_LG, to: BP_XL }),
|
|
895
1084
|
"lg-2xl": fluid({ property: "fluid-scroll-mb", from: BP_LG, to: BP_2XL })
|
|
896
1085
|
},
|
|
897
|
-
"fluid-scroll-mt": {
|
|
1086
|
+
"fluid-scroll-mt-clamp": {
|
|
898
1087
|
"min-max": fluid({ property: "fluid-scroll-mt", from: BP_SM, to: BP_2XL }),
|
|
899
1088
|
"sm-md": fluid({ property: "fluid-scroll-mt", from: BP_SM, to: BP_MD }),
|
|
900
1089
|
"sm-lg": fluid({ property: "fluid-scroll-mt", from: BP_SM, to: BP_LG }),
|
|
@@ -905,7 +1094,7 @@ var src_default = createConfig({
|
|
|
905
1094
|
"lg-xl": fluid({ property: "fluid-scroll-mt", from: BP_LG, to: BP_XL }),
|
|
906
1095
|
"lg-2xl": fluid({ property: "fluid-scroll-mt", from: BP_LG, to: BP_2XL })
|
|
907
1096
|
},
|
|
908
|
-
"fluid-scroll-mx": {
|
|
1097
|
+
"fluid-scroll-mx-clamp": {
|
|
909
1098
|
"min-max": fluid({ property: "fluid-scroll-mx", from: BP_SM, to: BP_2XL }),
|
|
910
1099
|
"sm-md": fluid({ property: "fluid-scroll-mx", from: BP_SM, to: BP_MD }),
|
|
911
1100
|
"sm-lg": fluid({ property: "fluid-scroll-mx", from: BP_SM, to: BP_LG }),
|
|
@@ -916,7 +1105,7 @@ var src_default = createConfig({
|
|
|
916
1105
|
"lg-xl": fluid({ property: "fluid-scroll-mx", from: BP_LG, to: BP_XL }),
|
|
917
1106
|
"lg-2xl": fluid({ property: "fluid-scroll-mx", from: BP_LG, to: BP_2XL })
|
|
918
1107
|
},
|
|
919
|
-
"fluid-scroll-mr": {
|
|
1108
|
+
"fluid-scroll-mr-clamp": {
|
|
920
1109
|
"min-max": fluid({ property: "fluid-scroll-mr", from: BP_SM, to: BP_2XL }),
|
|
921
1110
|
"sm-md": fluid({ property: "fluid-scroll-mr", from: BP_SM, to: BP_MD }),
|
|
922
1111
|
"sm-lg": fluid({ property: "fluid-scroll-mr", from: BP_SM, to: BP_LG }),
|
|
@@ -927,7 +1116,7 @@ var src_default = createConfig({
|
|
|
927
1116
|
"lg-xl": fluid({ property: "fluid-scroll-mr", from: BP_LG, to: BP_XL }),
|
|
928
1117
|
"lg-2xl": fluid({ property: "fluid-scroll-mr", from: BP_LG, to: BP_2XL })
|
|
929
1118
|
},
|
|
930
|
-
"fluid-scroll-ml": {
|
|
1119
|
+
"fluid-scroll-ml-clamp": {
|
|
931
1120
|
"min-max": fluid({ property: "fluid-scroll-ml", from: BP_SM, to: BP_2XL }),
|
|
932
1121
|
"sm-md": fluid({ property: "fluid-scroll-ml", from: BP_SM, to: BP_MD }),
|
|
933
1122
|
"sm-lg": fluid({ property: "fluid-scroll-ml", from: BP_SM, to: BP_LG }),
|
|
@@ -938,7 +1127,7 @@ var src_default = createConfig({
|
|
|
938
1127
|
"lg-xl": fluid({ property: "fluid-scroll-ml", from: BP_LG, to: BP_XL }),
|
|
939
1128
|
"lg-2xl": fluid({ property: "fluid-scroll-ml", from: BP_LG, to: BP_2XL })
|
|
940
1129
|
},
|
|
941
|
-
"fluid-scroll-p": {
|
|
1130
|
+
"fluid-scroll-p-clamp": {
|
|
942
1131
|
"min-max": fluid({ property: "fluid-scroll-p", from: BP_SM, to: BP_2XL }),
|
|
943
1132
|
"sm-md": fluid({ property: "fluid-scroll-p", from: BP_SM, to: BP_MD }),
|
|
944
1133
|
"sm-lg": fluid({ property: "fluid-scroll-p", from: BP_SM, to: BP_LG }),
|
|
@@ -949,7 +1138,7 @@ var src_default = createConfig({
|
|
|
949
1138
|
"lg-xl": fluid({ property: "fluid-scroll-p", from: BP_LG, to: BP_XL }),
|
|
950
1139
|
"lg-2xl": fluid({ property: "fluid-scroll-p", from: BP_LG, to: BP_2XL })
|
|
951
1140
|
},
|
|
952
|
-
"fluid-scroll-py": {
|
|
1141
|
+
"fluid-scroll-py-clamp": {
|
|
953
1142
|
"min-max": fluid({ property: "fluid-scroll-py", from: BP_SM, to: BP_2XL }),
|
|
954
1143
|
"sm-md": fluid({ property: "fluid-scroll-py", from: BP_SM, to: BP_MD }),
|
|
955
1144
|
"sm-lg": fluid({ property: "fluid-scroll-py", from: BP_SM, to: BP_LG }),
|
|
@@ -960,7 +1149,7 @@ var src_default = createConfig({
|
|
|
960
1149
|
"lg-xl": fluid({ property: "fluid-scroll-py", from: BP_LG, to: BP_XL }),
|
|
961
1150
|
"lg-2xl": fluid({ property: "fluid-scroll-py", from: BP_LG, to: BP_2XL })
|
|
962
1151
|
},
|
|
963
|
-
"fluid-scroll-pb": {
|
|
1152
|
+
"fluid-scroll-pb-clamp": {
|
|
964
1153
|
"min-max": fluid({ property: "fluid-scroll-pb", from: BP_SM, to: BP_2XL }),
|
|
965
1154
|
"sm-md": fluid({ property: "fluid-scroll-pb", from: BP_SM, to: BP_MD }),
|
|
966
1155
|
"sm-lg": fluid({ property: "fluid-scroll-pb", from: BP_SM, to: BP_LG }),
|
|
@@ -971,7 +1160,7 @@ var src_default = createConfig({
|
|
|
971
1160
|
"lg-xl": fluid({ property: "fluid-scroll-pb", from: BP_LG, to: BP_XL }),
|
|
972
1161
|
"lg-2xl": fluid({ property: "fluid-scroll-pb", from: BP_LG, to: BP_2XL })
|
|
973
1162
|
},
|
|
974
|
-
"fluid-scroll-pt": {
|
|
1163
|
+
"fluid-scroll-pt-clamp": {
|
|
975
1164
|
"min-max": fluid({ property: "fluid-scroll-pt", from: BP_SM, to: BP_2XL }),
|
|
976
1165
|
"sm-md": fluid({ property: "fluid-scroll-pt", from: BP_SM, to: BP_MD }),
|
|
977
1166
|
"sm-lg": fluid({ property: "fluid-scroll-pt", from: BP_SM, to: BP_LG }),
|
|
@@ -982,7 +1171,7 @@ var src_default = createConfig({
|
|
|
982
1171
|
"lg-xl": fluid({ property: "fluid-scroll-pt", from: BP_LG, to: BP_XL }),
|
|
983
1172
|
"lg-2xl": fluid({ property: "fluid-scroll-pt", from: BP_LG, to: BP_2XL })
|
|
984
1173
|
},
|
|
985
|
-
"fluid-scroll-px": {
|
|
1174
|
+
"fluid-scroll-px-clamp": {
|
|
986
1175
|
"min-max": fluid({ property: "fluid-scroll-px", from: BP_SM, to: BP_2XL }),
|
|
987
1176
|
"sm-md": fluid({ property: "fluid-scroll-px", from: BP_SM, to: BP_MD }),
|
|
988
1177
|
"sm-lg": fluid({ property: "fluid-scroll-px", from: BP_SM, to: BP_LG }),
|
|
@@ -993,7 +1182,7 @@ var src_default = createConfig({
|
|
|
993
1182
|
"lg-xl": fluid({ property: "fluid-scroll-px", from: BP_LG, to: BP_XL }),
|
|
994
1183
|
"lg-2xl": fluid({ property: "fluid-scroll-px", from: BP_LG, to: BP_2XL })
|
|
995
1184
|
},
|
|
996
|
-
"fluid-scroll-pr": {
|
|
1185
|
+
"fluid-scroll-pr-clamp": {
|
|
997
1186
|
"min-max": fluid({ property: "fluid-scroll-pr", from: BP_SM, to: BP_2XL }),
|
|
998
1187
|
"sm-md": fluid({ property: "fluid-scroll-pr", from: BP_SM, to: BP_MD }),
|
|
999
1188
|
"sm-lg": fluid({ property: "fluid-scroll-pr", from: BP_SM, to: BP_LG }),
|
|
@@ -1004,7 +1193,7 @@ var src_default = createConfig({
|
|
|
1004
1193
|
"lg-xl": fluid({ property: "fluid-scroll-pr", from: BP_LG, to: BP_XL }),
|
|
1005
1194
|
"lg-2xl": fluid({ property: "fluid-scroll-pr", from: BP_LG, to: BP_2XL })
|
|
1006
1195
|
},
|
|
1007
|
-
"fluid-scroll-pl": {
|
|
1196
|
+
"fluid-scroll-pl-clamp": {
|
|
1008
1197
|
"min-max": fluid({ property: "fluid-scroll-pl", from: BP_SM, to: BP_2XL }),
|
|
1009
1198
|
"sm-md": fluid({ property: "fluid-scroll-pl", from: BP_SM, to: BP_MD }),
|
|
1010
1199
|
"sm-lg": fluid({ property: "fluid-scroll-pl", from: BP_SM, to: BP_LG }),
|
|
@@ -1015,7 +1204,7 @@ var src_default = createConfig({
|
|
|
1015
1204
|
"lg-xl": fluid({ property: "fluid-scroll-pl", from: BP_LG, to: BP_XL }),
|
|
1016
1205
|
"lg-2xl": fluid({ property: "fluid-scroll-pl", from: BP_LG, to: BP_2XL })
|
|
1017
1206
|
},
|
|
1018
|
-
"fluid-stroke-width": {
|
|
1207
|
+
"fluid-stroke-width-clamp": {
|
|
1019
1208
|
"min-max": fluid({ property: "fluid-stroke-width", from: BP_SM, to: BP_2XL }),
|
|
1020
1209
|
"sm-md": fluid({ property: "fluid-stroke-width", from: BP_SM, to: BP_MD }),
|
|
1021
1210
|
"sm-lg": fluid({ property: "fluid-stroke-width", from: BP_SM, to: BP_LG }),
|
|
@@ -1026,7 +1215,7 @@ var src_default = createConfig({
|
|
|
1026
1215
|
"lg-xl": fluid({ property: "fluid-stroke-width", from: BP_LG, to: BP_XL }),
|
|
1027
1216
|
"lg-2xl": fluid({ property: "fluid-stroke-width", from: BP_LG, to: BP_2XL })
|
|
1028
1217
|
},
|
|
1029
|
-
"fluid-text-indent": {
|
|
1218
|
+
"fluid-text-indent-clamp": {
|
|
1030
1219
|
"min-max": fluid({ property: "fluid-text-indent", from: BP_SM, to: BP_2XL }),
|
|
1031
1220
|
"sm-md": fluid({ property: "fluid-text-indent", from: BP_SM, to: BP_MD }),
|
|
1032
1221
|
"sm-lg": fluid({ property: "fluid-text-indent", from: BP_SM, to: BP_LG }),
|
|
@@ -1053,7 +1242,7 @@ var src_default = createConfig({
|
|
|
1053
1242
|
"to-tl": optionalViaGradient("to top left")
|
|
1054
1243
|
},
|
|
1055
1244
|
space: {
|
|
1056
|
-
"0":
|
|
1245
|
+
"0": 0,
|
|
1057
1246
|
px: rem(1),
|
|
1058
1247
|
auto: "auto",
|
|
1059
1248
|
half: "50%",
|
|
@@ -1087,7 +1276,7 @@ var src_default = createConfig({
|
|
|
1087
1276
|
"8": `${rem(8)} solid`
|
|
1088
1277
|
},
|
|
1089
1278
|
"line-size": {
|
|
1090
|
-
"0":
|
|
1279
|
+
"0": 0,
|
|
1091
1280
|
px: rem(1),
|
|
1092
1281
|
"2": rem(2),
|
|
1093
1282
|
"4": rem(4),
|
|
@@ -1102,12 +1291,12 @@ var src_default = createConfig({
|
|
|
1102
1291
|
"8": rem(32),
|
|
1103
1292
|
"9": rem(36),
|
|
1104
1293
|
"10": rem(40),
|
|
1105
|
-
none:
|
|
1106
|
-
tight:
|
|
1107
|
-
snug:
|
|
1108
|
-
normal:
|
|
1109
|
-
relaxed:
|
|
1110
|
-
loose:
|
|
1294
|
+
none: 1,
|
|
1295
|
+
tight: 1.25,
|
|
1296
|
+
snug: 1.375,
|
|
1297
|
+
normal: 1.5,
|
|
1298
|
+
relaxed: 1.625,
|
|
1299
|
+
loose: 2
|
|
1111
1300
|
},
|
|
1112
1301
|
morph: {
|
|
1113
1302
|
none: "none",
|
|
@@ -1119,14 +1308,14 @@ var src_default = createConfig({
|
|
|
1119
1308
|
transform: `transform cubic-bezier(0.4, 0, 0.2, 1) 150ms`
|
|
1120
1309
|
},
|
|
1121
1310
|
offset: {
|
|
1122
|
-
"0":
|
|
1311
|
+
"0": 0,
|
|
1123
1312
|
px: rem(1),
|
|
1124
1313
|
"2": rem(2),
|
|
1125
1314
|
"4": rem(4),
|
|
1126
1315
|
"8": rem(8)
|
|
1127
1316
|
},
|
|
1128
1317
|
radii: {
|
|
1129
|
-
none:
|
|
1318
|
+
none: 0,
|
|
1130
1319
|
sm: rem(2),
|
|
1131
1320
|
base: rem(4),
|
|
1132
1321
|
md: rem(6),
|
|
@@ -1152,7 +1341,7 @@ var src_default = createConfig({
|
|
|
1152
1341
|
none: "none"
|
|
1153
1342
|
},
|
|
1154
1343
|
size: {
|
|
1155
|
-
"0":
|
|
1344
|
+
"0": 0,
|
|
1156
1345
|
px: rem(1),
|
|
1157
1346
|
auto: "auto",
|
|
1158
1347
|
fit: "fit-content",
|
|
@@ -1262,15 +1451,15 @@ var src_default = createConfig({
|
|
|
1262
1451
|
widest: "0.1em"
|
|
1263
1452
|
},
|
|
1264
1453
|
weight: {
|
|
1265
|
-
thin:
|
|
1266
|
-
extralight:
|
|
1267
|
-
light:
|
|
1268
|
-
normal:
|
|
1269
|
-
medium:
|
|
1270
|
-
semibold:
|
|
1271
|
-
bold:
|
|
1272
|
-
extrabold:
|
|
1273
|
-
black:
|
|
1454
|
+
thin: 100,
|
|
1455
|
+
extralight: 200,
|
|
1456
|
+
light: 300,
|
|
1457
|
+
normal: 400,
|
|
1458
|
+
medium: 500,
|
|
1459
|
+
semibold: 600,
|
|
1460
|
+
bold: 700,
|
|
1461
|
+
extrabold: 800,
|
|
1462
|
+
black: 900
|
|
1274
1463
|
}
|
|
1275
1464
|
},
|
|
1276
1465
|
selectors: {
|
|
@@ -1452,7 +1641,7 @@ var src_default = createConfig({
|
|
|
1452
1641
|
"background-image": ["gradient"],
|
|
1453
1642
|
"background-position-x": ["grid", "space"],
|
|
1454
1643
|
"background-position-y": ["grid", "space"],
|
|
1455
|
-
"block-size": ["size", "grid", "fluid-height"],
|
|
1644
|
+
"block-size": ["size", "grid", "fluid-height-clamp"],
|
|
1456
1645
|
"block-size-min": ["number"],
|
|
1457
1646
|
"block-size-max": ["number"],
|
|
1458
1647
|
border: ["line"],
|
|
@@ -1495,21 +1684,21 @@ var src_default = createConfig({
|
|
|
1495
1684
|
"border-start-start-radius": ["radii"],
|
|
1496
1685
|
"border-end-start-radius": ["radii"],
|
|
1497
1686
|
"border-end-end-radius": ["radii"],
|
|
1498
|
-
"border-spacing": ["grid", "fluid-border-spacing"],
|
|
1687
|
+
"border-spacing": ["grid", "fluid-border-spacing-clamp"],
|
|
1499
1688
|
bottom: ["grid", "space", "fluid-bottom"],
|
|
1500
1689
|
"box-shadow": ["shadow"],
|
|
1501
1690
|
"caret-color": ["color"],
|
|
1502
1691
|
color: ["color"],
|
|
1503
|
-
"column-gap": ["grid", "fluid-column-gap"],
|
|
1692
|
+
"column-gap": ["grid", "fluid-column-gap-clamp"],
|
|
1504
1693
|
"column-rule": ["line"],
|
|
1505
1694
|
"column-rule-color": ["color"],
|
|
1506
1695
|
"column-rule-width": ["line-size"],
|
|
1507
1696
|
columns: ["col"],
|
|
1508
|
-
"column-width": ["size", "grid", "fluid-column-width"],
|
|
1697
|
+
"column-width": ["size", "grid", "fluid-column-width-clamp"],
|
|
1509
1698
|
filter: ["effect", "drop-shadow"],
|
|
1510
1699
|
fill: ["color"],
|
|
1511
1700
|
flex: ["flex"],
|
|
1512
|
-
"flex-basis": ["grid", "space", "fluid-flex-basis"],
|
|
1701
|
+
"flex-basis": ["grid", "space", "fluid-flex-basis-clamp"],
|
|
1513
1702
|
"flex-basis-min": ["number"],
|
|
1514
1703
|
"flex-basis-max": ["number"],
|
|
1515
1704
|
"fluid-height-min": ["number"],
|
|
@@ -1522,8 +1711,8 @@ var src_default = createConfig({
|
|
|
1522
1711
|
"fluid-column-width-max": ["number"],
|
|
1523
1712
|
"fluid-flex-basis-min": ["number"],
|
|
1524
1713
|
"fluid-flex-basis-max": ["number"],
|
|
1525
|
-
"fluid-text-size-min": ["
|
|
1526
|
-
"fluid-text-size-max": ["
|
|
1714
|
+
"fluid-text-size-min": ["fluid-text-size"],
|
|
1715
|
+
"fluid-text-size-max": ["fluid-text-size"],
|
|
1527
1716
|
"fluid-gap-min": ["number"],
|
|
1528
1717
|
"fluid-gap-max": ["number"],
|
|
1529
1718
|
"fluid-width-min": ["number"],
|
|
@@ -1614,10 +1803,10 @@ var src_default = createConfig({
|
|
|
1614
1803
|
"fluid-text-indent-max": ["number"],
|
|
1615
1804
|
font: ["text"],
|
|
1616
1805
|
"font-family": ["font"],
|
|
1617
|
-
"font-size": ["text-size", "fluid-text-size"],
|
|
1806
|
+
"font-size": ["text-size", "fluid-text-size-clamp"],
|
|
1618
1807
|
"font-weight": ["weight"],
|
|
1619
1808
|
"line-height": ["leading"],
|
|
1620
|
-
gap: ["grid", "fluid-gap"],
|
|
1809
|
+
gap: ["grid", "fluid-gap-clamp"],
|
|
1621
1810
|
"gradient-from": ["color"],
|
|
1622
1811
|
"gradient-from-stop": ["stop"],
|
|
1623
1812
|
"gradient-to": ["color"],
|
|
@@ -1628,88 +1817,88 @@ var src_default = createConfig({
|
|
|
1628
1817
|
"grid-row": ["span"],
|
|
1629
1818
|
"grid-template-rows": ["grid-span"],
|
|
1630
1819
|
"grid-template-columns": ["grid-span"],
|
|
1631
|
-
height: ["size", "grid", "fluid-height"],
|
|
1632
|
-
"inline-size": ["size", "grid", "fluid-width"],
|
|
1633
|
-
inset: ["grid", "space", "fluid-inset"],
|
|
1634
|
-
"inset-block": ["grid", "space", "fluid-inset-y"],
|
|
1820
|
+
height: ["size", "grid", "fluid-height-clamp"],
|
|
1821
|
+
"inline-size": ["size", "grid", "fluid-width-clamp"],
|
|
1822
|
+
inset: ["grid", "space", "fluid-inset-clamp"],
|
|
1823
|
+
"inset-block": ["grid", "space", "fluid-inset-y-clamp"],
|
|
1635
1824
|
"inset-block-end": ["grid", "space", "fluid-bottom"],
|
|
1636
|
-
"inset-block-start": ["grid", "space", "fluid-top"],
|
|
1825
|
+
"inset-block-start": ["grid", "space", "fluid-top-clamp"],
|
|
1637
1826
|
"inset-inline": ["grid", "space", "fluid-inset-x"],
|
|
1638
|
-
"inset-inline-end": ["grid", "space", "fluid-right"],
|
|
1639
|
-
"inset-inline-start": ["grid", "space", "fluid-left"],
|
|
1640
|
-
left: ["grid", "space", "fluid-left"],
|
|
1827
|
+
"inset-inline-end": ["grid", "space", "fluid-right-clamp"],
|
|
1828
|
+
"inset-inline-start": ["grid", "space", "fluid-left-clamp"],
|
|
1829
|
+
left: ["grid", "space", "fluid-left-clamp"],
|
|
1641
1830
|
"letter-spacing": ["tracking"],
|
|
1642
1831
|
margin: ["grid", "fluid-m"],
|
|
1643
|
-
"margin-block": ["grid", "fluid-my"],
|
|
1644
|
-
"margin-block-end": ["grid", "fluid-mb"],
|
|
1645
|
-
"margin-block-start": ["grid", "fluid-mt"],
|
|
1832
|
+
"margin-block": ["grid", "fluid-my-clamp"],
|
|
1833
|
+
"margin-block-end": ["grid", "fluid-mb-clamp"],
|
|
1834
|
+
"margin-block-start": ["grid", "fluid-mt-clamp"],
|
|
1646
1835
|
"margin-inline": ["grid", "fluid-mx"],
|
|
1647
|
-
"margin-inline-end": ["grid", "fluid-mr"],
|
|
1648
|
-
"margin-inline-start": ["grid", "fluid-ml"],
|
|
1649
|
-
"margin-top": ["grid", "fluid-mt"],
|
|
1650
|
-
"margin-right": ["grid", "fluid-mr"],
|
|
1651
|
-
"margin-bottom": ["grid", "fluid-mb"],
|
|
1652
|
-
"margin-left": ["grid", "fluid-ml"],
|
|
1653
|
-
"max-block-size": ["size", "grid", "fluid-max-height"],
|
|
1654
|
-
"max-height": ["size", "grid", "fluid-max-width"],
|
|
1655
|
-
"max-inline-size": ["size", "grid", "fluid-max-width"],
|
|
1656
|
-
"max-width": ["size", "grid", "fluid-max-height"],
|
|
1657
|
-
"min-block-size": ["size", "grid", "fluid-min-height"],
|
|
1658
|
-
"min-height": ["size", "grid", "fluid-min-width"],
|
|
1659
|
-
"min-inline-size": ["size", "grid", "fluid-min-width"],
|
|
1660
|
-
"min-width": ["size", "grid", "fluid-min-height"],
|
|
1836
|
+
"margin-inline-end": ["grid", "fluid-mr-clamp"],
|
|
1837
|
+
"margin-inline-start": ["grid", "fluid-ml-clamp"],
|
|
1838
|
+
"margin-top": ["grid", "fluid-mt-clamp"],
|
|
1839
|
+
"margin-right": ["grid", "fluid-mr-clamp"],
|
|
1840
|
+
"margin-bottom": ["grid", "fluid-mb-clamp"],
|
|
1841
|
+
"margin-left": ["grid", "fluid-ml-clamp"],
|
|
1842
|
+
"max-block-size": ["size", "grid", "fluid-max-height-clamp"],
|
|
1843
|
+
"max-height": ["size", "grid", "fluid-max-width-clamp"],
|
|
1844
|
+
"max-inline-size": ["size", "grid", "fluid-max-width-clamp"],
|
|
1845
|
+
"max-width": ["size", "grid", "fluid-max-height-clamp"],
|
|
1846
|
+
"min-block-size": ["size", "grid", "fluid-min-height-clamp"],
|
|
1847
|
+
"min-height": ["size", "grid", "fluid-min-width-clamp"],
|
|
1848
|
+
"min-inline-size": ["size", "grid", "fluid-min-width-clamp"],
|
|
1849
|
+
"min-width": ["size", "grid", "fluid-min-height-clamp"],
|
|
1661
1850
|
opacity: ["alpha"],
|
|
1662
1851
|
outline: ["line"],
|
|
1663
1852
|
"outline-color": ["color"],
|
|
1664
1853
|
"outline-width": ["line-size"],
|
|
1665
1854
|
"outline-offset": ["offset"],
|
|
1666
1855
|
padding: ["grid", "fluid-p"],
|
|
1667
|
-
"padding-block": ["grid", "fluid-py"],
|
|
1668
|
-
"padding-block-end": ["grid", "fluid-pb"],
|
|
1669
|
-
"padding-block-start": ["grid", "fluid-pt"],
|
|
1856
|
+
"padding-block": ["grid", "fluid-py-clamp"],
|
|
1857
|
+
"padding-block-end": ["grid", "fluid-pb-clamp"],
|
|
1858
|
+
"padding-block-start": ["grid", "fluid-pt-clamp"],
|
|
1670
1859
|
"padding-inline": ["grid", "fluid-px"],
|
|
1671
|
-
"padding-inline-end": ["grid", "fluid-pr"],
|
|
1672
|
-
"padding-inline-start": ["grid", "fluid-pl"],
|
|
1673
|
-
"padding-top": ["grid", "fluid-pt"],
|
|
1674
|
-
"padding-right": ["grid", "fluid-pr"],
|
|
1675
|
-
"padding-bottom": ["grid", "fluid-pb"],
|
|
1676
|
-
"padding-left": ["grid", "fluid-pl"],
|
|
1677
|
-
right: ["grid", "space", "fluid-right"],
|
|
1678
|
-
"row-gap": ["grid", "fluid-row-gap"],
|
|
1860
|
+
"padding-inline-end": ["grid", "fluid-pr-clamp"],
|
|
1861
|
+
"padding-inline-start": ["grid", "fluid-pl-clamp"],
|
|
1862
|
+
"padding-top": ["grid", "fluid-pt-clamp"],
|
|
1863
|
+
"padding-right": ["grid", "fluid-pr-clamp"],
|
|
1864
|
+
"padding-bottom": ["grid", "fluid-pb-clamp"],
|
|
1865
|
+
"padding-left": ["grid", "fluid-pl-clamp"],
|
|
1866
|
+
right: ["grid", "space", "fluid-right-clamp"],
|
|
1867
|
+
"row-gap": ["grid", "fluid-row-gap-clamp"],
|
|
1679
1868
|
"scroll-margin": ["grid", "fluid-scroll-m"],
|
|
1680
|
-
"scroll-margin-block": ["grid", "fluid-scroll-my"],
|
|
1681
|
-
"scroll-margin-block-end": ["grid", "fluid-scroll-mb"],
|
|
1682
|
-
"scroll-margin-block-start": ["grid", "fluid-scroll-mt"],
|
|
1869
|
+
"scroll-margin-block": ["grid", "fluid-scroll-my-clamp"],
|
|
1870
|
+
"scroll-margin-block-end": ["grid", "fluid-scroll-mb-clamp"],
|
|
1871
|
+
"scroll-margin-block-start": ["grid", "fluid-scroll-mt-clamp"],
|
|
1683
1872
|
"scroll-margin-inline": ["grid", "fluid-scroll-mx"],
|
|
1684
|
-
"scroll-margin-inline-end": ["grid", "fluid-scroll-mr"],
|
|
1685
|
-
"scroll-margin-inline-start": ["grid", "fluid-scroll-ml"],
|
|
1686
|
-
"scroll-margin-top": ["grid", "fluid-scroll-mt"],
|
|
1687
|
-
"scroll-margin-right": ["grid", "fluid-scroll-mr"],
|
|
1688
|
-
"scroll-margin-bottom": ["grid", "fluid-scroll-mb"],
|
|
1689
|
-
"scroll-margin-left": ["grid", "fluid-scroll-ml"],
|
|
1690
|
-
"scroll-padding": ["grid", "fluid-scroll-p"],
|
|
1691
|
-
"scroll-padding-block": ["grid", "fluid-scroll-py"],
|
|
1692
|
-
"scroll-padding-block-end": ["grid", "fluid-scroll-pb"],
|
|
1693
|
-
"scroll-padding-block-start": ["grid", "fluid-scroll-pt"],
|
|
1873
|
+
"scroll-margin-inline-end": ["grid", "fluid-scroll-mr-clamp"],
|
|
1874
|
+
"scroll-margin-inline-start": ["grid", "fluid-scroll-ml-clamp"],
|
|
1875
|
+
"scroll-margin-top": ["grid", "fluid-scroll-mt-clamp"],
|
|
1876
|
+
"scroll-margin-right": ["grid", "fluid-scroll-mr-clamp"],
|
|
1877
|
+
"scroll-margin-bottom": ["grid", "fluid-scroll-mb-clamp"],
|
|
1878
|
+
"scroll-margin-left": ["grid", "fluid-scroll-ml-clamp"],
|
|
1879
|
+
"scroll-padding": ["grid", "fluid-scroll-p-clamp"],
|
|
1880
|
+
"scroll-padding-block": ["grid", "fluid-scroll-py-clamp"],
|
|
1881
|
+
"scroll-padding-block-end": ["grid", "fluid-scroll-pb-clamp"],
|
|
1882
|
+
"scroll-padding-block-start": ["grid", "fluid-scroll-pt-clamp"],
|
|
1694
1883
|
"scroll-padding-inline": ["grid", "fluid-scroll-px"],
|
|
1695
|
-
"scroll-padding-inline-end": ["grid", "fluid-scroll-pr"],
|
|
1696
|
-
"scroll-padding-inline-start": ["grid", "fluid-scroll-pl"],
|
|
1697
|
-
"scroll-padding-top": ["grid", "fluid-scroll-pt"],
|
|
1698
|
-
"scroll-padding-right": ["grid", "fluid-scroll-pr"],
|
|
1699
|
-
"scroll-padding-bottom": ["grid", "fluid-scroll-pb"],
|
|
1700
|
-
"scroll-padding-left": ["grid", "fluid-scroll-pl"],
|
|
1884
|
+
"scroll-padding-inline-end": ["grid", "fluid-scroll-pr-clamp"],
|
|
1885
|
+
"scroll-padding-inline-start": ["grid", "fluid-scroll-pl-clamp"],
|
|
1886
|
+
"scroll-padding-top": ["grid", "fluid-scroll-pt-clamp"],
|
|
1887
|
+
"scroll-padding-right": ["grid", "fluid-scroll-pr-clamp"],
|
|
1888
|
+
"scroll-padding-bottom": ["grid", "fluid-scroll-pb-clamp"],
|
|
1889
|
+
"scroll-padding-left": ["grid", "fluid-scroll-pl-clamp"],
|
|
1701
1890
|
"shadow-color": ["color"],
|
|
1702
1891
|
stroke: ["color"],
|
|
1703
|
-
"stroke-width": ["grid", "fluid-stroke-width"],
|
|
1892
|
+
"stroke-width": ["grid", "fluid-stroke-width-clamp"],
|
|
1704
1893
|
"text-decoration-color": ["color"],
|
|
1705
|
-
"text-indent": ["grid", "fluid-text-indent"],
|
|
1894
|
+
"text-indent": ["grid", "fluid-text-indent-clamp"],
|
|
1706
1895
|
"text-shadow": ["shadow"],
|
|
1707
|
-
top: ["grid", "space", "fluid-top"],
|
|
1896
|
+
top: ["grid", "space", "fluid-top-clamp"],
|
|
1708
1897
|
transition: ["morph"],
|
|
1709
1898
|
"transition-duration": ["time"],
|
|
1710
1899
|
"transition-timing-function": ["ease"],
|
|
1711
1900
|
"transition-delay": ["time"],
|
|
1712
|
-
width: ["size", "grid", "fluid-width"]
|
|
1901
|
+
width: ["size", "grid", "fluid-width-clamp"]
|
|
1713
1902
|
}
|
|
1714
1903
|
});
|
|
1715
1904
|
|