@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.cjs
CHANGED
|
@@ -10,6 +10,12 @@ var shared = {
|
|
|
10
10
|
...colors.blackA,
|
|
11
11
|
...colors.whiteA
|
|
12
12
|
};
|
|
13
|
+
var sharedP3 = {
|
|
14
|
+
black: "color(display-p3 0 0 0)",
|
|
15
|
+
white: "color(display-p3 1 1 1)",
|
|
16
|
+
...colors.blackP3A,
|
|
17
|
+
...colors.whiteP3A
|
|
18
|
+
};
|
|
13
19
|
var light = {
|
|
14
20
|
...colors.gray,
|
|
15
21
|
...colors.mauve,
|
|
@@ -74,6 +80,70 @@ var light = {
|
|
|
74
80
|
...colors.mintA,
|
|
75
81
|
...colors.skyA
|
|
76
82
|
};
|
|
83
|
+
var lightP3 = {
|
|
84
|
+
...colors.grayP3,
|
|
85
|
+
...colors.mauveP3,
|
|
86
|
+
...colors.slateP3,
|
|
87
|
+
...colors.sageP3,
|
|
88
|
+
...colors.oliveP3,
|
|
89
|
+
...colors.sandP3,
|
|
90
|
+
...colors.goldP3,
|
|
91
|
+
...colors.bronzeP3,
|
|
92
|
+
...colors.brownP3,
|
|
93
|
+
...colors.yellowP3,
|
|
94
|
+
...colors.amberP3,
|
|
95
|
+
...colors.orangeP3,
|
|
96
|
+
...colors.tomatoP3,
|
|
97
|
+
...colors.redP3,
|
|
98
|
+
...colors.rubyP3,
|
|
99
|
+
...colors.crimsonP3,
|
|
100
|
+
...colors.pinkP3,
|
|
101
|
+
...colors.plumP3,
|
|
102
|
+
...colors.purpleP3,
|
|
103
|
+
...colors.violetP3,
|
|
104
|
+
...colors.irisP3,
|
|
105
|
+
...colors.indigoP3,
|
|
106
|
+
...colors.blueP3,
|
|
107
|
+
...colors.cyanP3,
|
|
108
|
+
...colors.tealP3,
|
|
109
|
+
...colors.jadeP3,
|
|
110
|
+
...colors.greenP3,
|
|
111
|
+
...colors.grassP3,
|
|
112
|
+
...colors.limeP3,
|
|
113
|
+
...colors.mintP3,
|
|
114
|
+
...colors.skyP3,
|
|
115
|
+
...colors.grayP3A,
|
|
116
|
+
...colors.mauveP3A,
|
|
117
|
+
...colors.slateP3A,
|
|
118
|
+
...colors.sageP3A,
|
|
119
|
+
...colors.oliveP3A,
|
|
120
|
+
...colors.sandP3A,
|
|
121
|
+
...colors.goldP3A,
|
|
122
|
+
...colors.bronzeP3A,
|
|
123
|
+
...colors.brownP3A,
|
|
124
|
+
...colors.yellowP3A,
|
|
125
|
+
...colors.amberP3A,
|
|
126
|
+
...colors.orangeP3A,
|
|
127
|
+
...colors.tomatoP3A,
|
|
128
|
+
...colors.redP3A,
|
|
129
|
+
...colors.rubyP3A,
|
|
130
|
+
...colors.crimsonP3A,
|
|
131
|
+
...colors.pinkP3A,
|
|
132
|
+
...colors.plumP3A,
|
|
133
|
+
...colors.purpleP3A,
|
|
134
|
+
...colors.violetP3A,
|
|
135
|
+
...colors.irisP3A,
|
|
136
|
+
...colors.indigoP3A,
|
|
137
|
+
...colors.blueP3A,
|
|
138
|
+
...colors.cyanP3A,
|
|
139
|
+
...colors.tealP3A,
|
|
140
|
+
...colors.jadeP3A,
|
|
141
|
+
...colors.greenP3A,
|
|
142
|
+
...colors.grassP3A,
|
|
143
|
+
...colors.limeP3A,
|
|
144
|
+
...colors.mintP3A,
|
|
145
|
+
...colors.skyP3A
|
|
146
|
+
};
|
|
77
147
|
var dark = {
|
|
78
148
|
...colors.grayDark,
|
|
79
149
|
...colors.mauveDark,
|
|
@@ -138,6 +208,70 @@ var dark = {
|
|
|
138
208
|
...colors.mintDarkA,
|
|
139
209
|
...colors.skyDarkA
|
|
140
210
|
};
|
|
211
|
+
var darkP3 = {
|
|
212
|
+
...colors.grayDarkP3,
|
|
213
|
+
...colors.mauveDarkP3,
|
|
214
|
+
...colors.slateDarkP3,
|
|
215
|
+
...colors.sageDarkP3,
|
|
216
|
+
...colors.oliveDarkP3,
|
|
217
|
+
...colors.sandDarkP3,
|
|
218
|
+
...colors.goldDarkP3,
|
|
219
|
+
...colors.bronzeDarkP3,
|
|
220
|
+
...colors.brownDarkP3,
|
|
221
|
+
...colors.yellowDarkP3,
|
|
222
|
+
...colors.amberDarkP3,
|
|
223
|
+
...colors.orangeDarkP3,
|
|
224
|
+
...colors.tomatoDarkP3,
|
|
225
|
+
...colors.redDarkP3,
|
|
226
|
+
...colors.rubyDarkP3,
|
|
227
|
+
...colors.crimsonDarkP3,
|
|
228
|
+
...colors.pinkDarkP3,
|
|
229
|
+
...colors.plumDarkP3,
|
|
230
|
+
...colors.purpleDarkP3,
|
|
231
|
+
...colors.violetDarkP3,
|
|
232
|
+
...colors.irisDarkP3,
|
|
233
|
+
...colors.indigoDarkP3,
|
|
234
|
+
...colors.blueDarkP3,
|
|
235
|
+
...colors.cyanDarkP3,
|
|
236
|
+
...colors.tealDarkP3,
|
|
237
|
+
...colors.jadeDarkP3,
|
|
238
|
+
...colors.greenDarkP3,
|
|
239
|
+
...colors.grassDarkP3,
|
|
240
|
+
...colors.limeDarkP3,
|
|
241
|
+
...colors.mintDarkP3,
|
|
242
|
+
...colors.skyDarkP3,
|
|
243
|
+
...colors.grayDarkP3A,
|
|
244
|
+
...colors.mauveDarkP3A,
|
|
245
|
+
...colors.slateDarkP3A,
|
|
246
|
+
...colors.sageDarkP3A,
|
|
247
|
+
...colors.oliveDarkP3A,
|
|
248
|
+
...colors.sandDarkP3A,
|
|
249
|
+
...colors.goldDarkP3A,
|
|
250
|
+
...colors.bronzeDarkP3A,
|
|
251
|
+
...colors.brownDarkP3A,
|
|
252
|
+
...colors.yellowDarkP3A,
|
|
253
|
+
...colors.amberDarkP3A,
|
|
254
|
+
...colors.orangeDarkP3A,
|
|
255
|
+
...colors.tomatoDarkP3A,
|
|
256
|
+
...colors.redDarkP3A,
|
|
257
|
+
...colors.rubyDarkP3A,
|
|
258
|
+
...colors.crimsonDarkP3A,
|
|
259
|
+
...colors.pinkDarkP3A,
|
|
260
|
+
...colors.plumDarkP3A,
|
|
261
|
+
...colors.purpleDarkP3A,
|
|
262
|
+
...colors.violetDarkP3A,
|
|
263
|
+
...colors.irisDarkP3A,
|
|
264
|
+
...colors.indigoDarkP3A,
|
|
265
|
+
...colors.blueDarkP3A,
|
|
266
|
+
...colors.cyanDarkP3A,
|
|
267
|
+
...colors.tealDarkP3A,
|
|
268
|
+
...colors.jadeDarkP3A,
|
|
269
|
+
...colors.greenDarkP3A,
|
|
270
|
+
...colors.grassDarkP3A,
|
|
271
|
+
...colors.limeDarkP3A,
|
|
272
|
+
...colors.mintDarkP3A,
|
|
273
|
+
...colors.skyDarkP3A
|
|
274
|
+
};
|
|
141
275
|
|
|
142
276
|
// src/index.ts
|
|
143
277
|
var BASE_FONT_SIZE = 16;
|
|
@@ -168,7 +302,6 @@ var fluid = (params) => {
|
|
|
168
302
|
var src_default = config.createConfig({
|
|
169
303
|
include: [],
|
|
170
304
|
grid: rem(BASE_GRID_SIZE),
|
|
171
|
-
themeSelector: (mode) => mode === "root" ? ":root" : `[data-theme=${mode}]`,
|
|
172
305
|
responsive: {
|
|
173
306
|
sm: remBreakpoint(BP_SM),
|
|
174
307
|
md: remBreakpoint(BP_MD),
|
|
@@ -338,6 +471,23 @@ var src_default = config.createConfig({
|
|
|
338
471
|
display: "none"
|
|
339
472
|
}
|
|
340
473
|
},
|
|
474
|
+
themeSelector: (mode) => {
|
|
475
|
+
const attrSelector = (mode2) => `[data-theme=${mode2}]`;
|
|
476
|
+
const p3 = (modeSelector) => [
|
|
477
|
+
"@supports (color: color(display-p3 1 1 1))",
|
|
478
|
+
"@media (color-gamut: p3)",
|
|
479
|
+
modeSelector
|
|
480
|
+
];
|
|
481
|
+
if (mode === "root")
|
|
482
|
+
return ":root";
|
|
483
|
+
if (mode === "rootP3")
|
|
484
|
+
return p3(":root");
|
|
485
|
+
if (mode === "lightP3")
|
|
486
|
+
return p3(attrSelector("light"));
|
|
487
|
+
if (mode === "darkP3")
|
|
488
|
+
return p3(attrSelector("dark"));
|
|
489
|
+
return attrSelector(mode);
|
|
490
|
+
},
|
|
341
491
|
theme: {
|
|
342
492
|
modes: {
|
|
343
493
|
root: {
|
|
@@ -363,30 +513,54 @@ var src_default = config.createConfig({
|
|
|
363
513
|
...shared,
|
|
364
514
|
...dark
|
|
365
515
|
}
|
|
516
|
+
},
|
|
517
|
+
rootP3: {
|
|
518
|
+
color: {
|
|
519
|
+
current: "currentColor",
|
|
520
|
+
transparent: "transparent",
|
|
521
|
+
...sharedP3,
|
|
522
|
+
...lightP3
|
|
523
|
+
}
|
|
524
|
+
},
|
|
525
|
+
lightP3: {
|
|
526
|
+
color: {
|
|
527
|
+
current: "currentColor",
|
|
528
|
+
transparent: "transparent",
|
|
529
|
+
...sharedP3,
|
|
530
|
+
...lightP3
|
|
531
|
+
}
|
|
532
|
+
},
|
|
533
|
+
darkP3: {
|
|
534
|
+
color: {
|
|
535
|
+
current: "currentColor",
|
|
536
|
+
transparent: "transparent",
|
|
537
|
+
...sharedP3,
|
|
538
|
+
...darkP3
|
|
539
|
+
}
|
|
366
540
|
}
|
|
367
541
|
},
|
|
368
542
|
alpha: {
|
|
369
|
-
"0":
|
|
370
|
-
"5":
|
|
371
|
-
"10":
|
|
372
|
-
"15":
|
|
373
|
-
"20":
|
|
374
|
-
"25":
|
|
375
|
-
"30":
|
|
376
|
-
"35":
|
|
377
|
-
"40":
|
|
378
|
-
"45":
|
|
379
|
-
"50":
|
|
380
|
-
"55":
|
|
381
|
-
"60":
|
|
382
|
-
"65":
|
|
383
|
-
"70":
|
|
384
|
-
"75":
|
|
385
|
-
"80":
|
|
386
|
-
"85":
|
|
387
|
-
"90":
|
|
388
|
-
"95":
|
|
389
|
-
"100":
|
|
543
|
+
"0": 0,
|
|
544
|
+
"5": 0.05,
|
|
545
|
+
"10": 0.1,
|
|
546
|
+
"15": 0.15,
|
|
547
|
+
"20": 0.2,
|
|
548
|
+
"25": 0.25,
|
|
549
|
+
"30": 0.3,
|
|
550
|
+
"35": 0.35,
|
|
551
|
+
"40": 0.4,
|
|
552
|
+
"45": 0.45,
|
|
553
|
+
"50": 0.5,
|
|
554
|
+
"55": 0.55,
|
|
555
|
+
"60": 0.6,
|
|
556
|
+
"65": 0.65,
|
|
557
|
+
"70": 0.7,
|
|
558
|
+
"75": 0.75,
|
|
559
|
+
"80": 0.8,
|
|
560
|
+
"85": 0.85,
|
|
561
|
+
"90": 0.9,
|
|
562
|
+
"95": 0.95,
|
|
563
|
+
"100": 1
|
|
390
564
|
},
|
|
391
565
|
anim: {
|
|
392
566
|
none: "none",
|
|
@@ -489,7 +663,7 @@ var src_default = config.createConfig({
|
|
|
489
663
|
initial: "0 1 auto",
|
|
490
664
|
none: "none"
|
|
491
665
|
},
|
|
492
|
-
"fluid-height": {
|
|
666
|
+
"fluid-height-clamp": {
|
|
493
667
|
"min-max": fluid({ property: "fluid-height", from: BP_SM, to: BP_2XL }),
|
|
494
668
|
"sm-md": fluid({ property: "fluid-height", from: BP_SM, to: BP_MD }),
|
|
495
669
|
"sm-lg": fluid({ property: "fluid-height", from: BP_SM, to: BP_LG }),
|
|
@@ -500,7 +674,7 @@ var src_default = config.createConfig({
|
|
|
500
674
|
"lg-xl": fluid({ property: "fluid-height", from: BP_LG, to: BP_XL }),
|
|
501
675
|
"lg-2xl": fluid({ property: "fluid-height", from: BP_LG, to: BP_2XL })
|
|
502
676
|
},
|
|
503
|
-
"fluid-border-spacing": {
|
|
677
|
+
"fluid-border-spacing-clamp": {
|
|
504
678
|
"min-max": fluid({ property: "fluid-border-spacing", from: BP_SM, to: BP_2XL }),
|
|
505
679
|
"sm-md": fluid({ property: "fluid-border-spacing", from: BP_SM, to: BP_MD }),
|
|
506
680
|
"sm-lg": fluid({ property: "fluid-border-spacing", from: BP_SM, to: BP_LG }),
|
|
@@ -511,7 +685,7 @@ var src_default = config.createConfig({
|
|
|
511
685
|
"lg-xl": fluid({ property: "fluid-border-spacing", from: BP_LG, to: BP_XL }),
|
|
512
686
|
"lg-2xl": fluid({ property: "fluid-border-spacing", from: BP_LG, to: BP_2XL })
|
|
513
687
|
},
|
|
514
|
-
"fluid-column-gap": {
|
|
688
|
+
"fluid-column-gap-clamp": {
|
|
515
689
|
"min-max": fluid({ property: "fluid-column-gap", from: BP_SM, to: BP_2XL }),
|
|
516
690
|
"sm-md": fluid({ property: "fluid-column-gap", from: BP_SM, to: BP_MD }),
|
|
517
691
|
"sm-lg": fluid({ property: "fluid-column-gap", from: BP_SM, to: BP_LG }),
|
|
@@ -522,7 +696,7 @@ var src_default = config.createConfig({
|
|
|
522
696
|
"lg-xl": fluid({ property: "fluid-column-gap", from: BP_LG, to: BP_XL }),
|
|
523
697
|
"lg-2xl": fluid({ property: "fluid-column-gap", from: BP_LG, to: BP_2XL })
|
|
524
698
|
},
|
|
525
|
-
"fluid-column-width": {
|
|
699
|
+
"fluid-column-width-clamp": {
|
|
526
700
|
"min-max": fluid({ property: "fluid-column-width", from: BP_SM, to: BP_2XL }),
|
|
527
701
|
"sm-md": fluid({ property: "fluid-column-width", from: BP_SM, to: BP_MD }),
|
|
528
702
|
"sm-lg": fluid({ property: "fluid-column-width", from: BP_SM, to: BP_LG }),
|
|
@@ -533,7 +707,7 @@ var src_default = config.createConfig({
|
|
|
533
707
|
"lg-xl": fluid({ property: "fluid-column-width", from: BP_LG, to: BP_XL }),
|
|
534
708
|
"lg-2xl": fluid({ property: "fluid-column-width", from: BP_LG, to: BP_2XL })
|
|
535
709
|
},
|
|
536
|
-
"fluid-flex-basis": {
|
|
710
|
+
"fluid-flex-basis-clamp": {
|
|
537
711
|
"min-max": fluid({ property: "fluid-flex-basis", from: BP_SM, to: BP_2XL }),
|
|
538
712
|
"sm-md": fluid({ property: "fluid-flex-basis", from: BP_SM, to: BP_MD }),
|
|
539
713
|
"sm-lg": fluid({ property: "fluid-flex-basis", from: BP_SM, to: BP_LG }),
|
|
@@ -545,6 +719,21 @@ var src_default = config.createConfig({
|
|
|
545
719
|
"lg-2xl": fluid({ property: "fluid-flex-basis", from: BP_LG, to: BP_2XL })
|
|
546
720
|
},
|
|
547
721
|
"fluid-text-size": {
|
|
722
|
+
xs: 12 / BASE_FONT_SIZE,
|
|
723
|
+
sm: 14 / BASE_FONT_SIZE,
|
|
724
|
+
base: 16 / BASE_FONT_SIZE,
|
|
725
|
+
lg: 18 / BASE_FONT_SIZE,
|
|
726
|
+
xl: 20 / BASE_FONT_SIZE,
|
|
727
|
+
"2xl": 24 / BASE_FONT_SIZE,
|
|
728
|
+
"3xl": 30 / BASE_FONT_SIZE,
|
|
729
|
+
"4xl": 36 / BASE_FONT_SIZE,
|
|
730
|
+
"5xl": 48 / BASE_FONT_SIZE,
|
|
731
|
+
"6xl": 60 / BASE_FONT_SIZE,
|
|
732
|
+
"7xl": 72 / BASE_FONT_SIZE,
|
|
733
|
+
"8xl": 96 / BASE_FONT_SIZE,
|
|
734
|
+
"9xl": 128 / BASE_FONT_SIZE
|
|
735
|
+
},
|
|
736
|
+
"fluid-text-size-clamp": {
|
|
548
737
|
"min-max": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_2XL, divider: 1 }),
|
|
549
738
|
"sm-md": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_MD, divider: 1 }),
|
|
550
739
|
"sm-lg": fluid({ property: "fluid-text-size", from: BP_SM, to: BP_LG, divider: 1 }),
|
|
@@ -555,7 +744,7 @@ var src_default = config.createConfig({
|
|
|
555
744
|
"lg-xl": fluid({ property: "fluid-text-size", from: BP_LG, to: BP_XL, divider: 1 }),
|
|
556
745
|
"lg-2xl": fluid({ property: "fluid-text-size", from: BP_LG, to: BP_2XL, divider: 1 })
|
|
557
746
|
},
|
|
558
|
-
"fluid-gap": {
|
|
747
|
+
"fluid-gap-clamp": {
|
|
559
748
|
"min-max": fluid({ property: "fluid-gap", from: BP_SM, to: BP_2XL }),
|
|
560
749
|
"sm-md": fluid({ property: "fluid-gap", from: BP_SM, to: BP_MD }),
|
|
561
750
|
"sm-lg": fluid({ property: "fluid-gap", from: BP_SM, to: BP_LG }),
|
|
@@ -566,7 +755,7 @@ var src_default = config.createConfig({
|
|
|
566
755
|
"lg-xl": fluid({ property: "fluid-gap", from: BP_LG, to: BP_XL }),
|
|
567
756
|
"lg-2xl": fluid({ property: "fluid-gap", from: BP_LG, to: BP_2XL })
|
|
568
757
|
},
|
|
569
|
-
"fluid-width": {
|
|
758
|
+
"fluid-width-clamp": {
|
|
570
759
|
"min-max": fluid({ property: "fluid-width", from: BP_SM, to: BP_2XL }),
|
|
571
760
|
"sm-md": fluid({ property: "fluid-width", from: BP_SM, to: BP_MD }),
|
|
572
761
|
"sm-lg": fluid({ property: "fluid-width", from: BP_SM, to: BP_LG }),
|
|
@@ -577,7 +766,7 @@ var src_default = config.createConfig({
|
|
|
577
766
|
"lg-xl": fluid({ property: "fluid-width", from: BP_LG, to: BP_XL }),
|
|
578
767
|
"lg-2xl": fluid({ property: "fluid-width", from: BP_LG, to: BP_2XL })
|
|
579
768
|
},
|
|
580
|
-
"fluid-inset": {
|
|
769
|
+
"fluid-inset-clamp": {
|
|
581
770
|
"min-max": fluid({ property: "fluid-inset", from: BP_SM, to: BP_2XL }),
|
|
582
771
|
"sm-md": fluid({ property: "fluid-inset", from: BP_SM, to: BP_MD }),
|
|
583
772
|
"sm-lg": fluid({ property: "fluid-inset", from: BP_SM, to: BP_LG }),
|
|
@@ -588,7 +777,7 @@ var src_default = config.createConfig({
|
|
|
588
777
|
"lg-xl": fluid({ property: "fluid-inset", from: BP_LG, to: BP_XL }),
|
|
589
778
|
"lg-2xl": fluid({ property: "fluid-inset", from: BP_LG, to: BP_2XL })
|
|
590
779
|
},
|
|
591
|
-
"fluid-inset-y": {
|
|
780
|
+
"fluid-inset-y-clamp": {
|
|
592
781
|
"min-max": fluid({ property: "fluid-inset-y", from: BP_SM, to: BP_2XL }),
|
|
593
782
|
"sm-md": fluid({ property: "fluid-inset-y", from: BP_SM, to: BP_MD }),
|
|
594
783
|
"sm-lg": fluid({ property: "fluid-inset-y", from: BP_SM, to: BP_LG }),
|
|
@@ -610,7 +799,7 @@ var src_default = config.createConfig({
|
|
|
610
799
|
"lg-xl": fluid({ property: "fluid-bottom", from: BP_LG, to: BP_XL }),
|
|
611
800
|
"lg-2xl": fluid({ property: "fluid-bottom", from: BP_LG, to: BP_2XL })
|
|
612
801
|
},
|
|
613
|
-
"fluid-top": {
|
|
802
|
+
"fluid-top-clamp": {
|
|
614
803
|
"min-max": fluid({ property: "fluid-top", from: BP_SM, to: BP_2XL }),
|
|
615
804
|
"sm-md": fluid({ property: "fluid-top", from: BP_SM, to: BP_MD }),
|
|
616
805
|
"sm-lg": fluid({ property: "fluid-top", from: BP_SM, to: BP_LG }),
|
|
@@ -632,7 +821,7 @@ var src_default = config.createConfig({
|
|
|
632
821
|
"lg-xl": fluid({ property: "fluid-inset-x", from: BP_LG, to: BP_XL }),
|
|
633
822
|
"lg-2xl": fluid({ property: "fluid-inset-x", from: BP_LG, to: BP_2XL })
|
|
634
823
|
},
|
|
635
|
-
"fluid-right": {
|
|
824
|
+
"fluid-right-clamp": {
|
|
636
825
|
"min-max": fluid({ property: "fluid-right", from: BP_SM, to: BP_2XL }),
|
|
637
826
|
"sm-md": fluid({ property: "fluid-right", from: BP_SM, to: BP_MD }),
|
|
638
827
|
"sm-lg": fluid({ property: "fluid-right", from: BP_SM, to: BP_LG }),
|
|
@@ -643,7 +832,7 @@ var src_default = config.createConfig({
|
|
|
643
832
|
"lg-xl": fluid({ property: "fluid-right", from: BP_LG, to: BP_XL }),
|
|
644
833
|
"lg-2xl": fluid({ property: "fluid-right", from: BP_LG, to: BP_2XL })
|
|
645
834
|
},
|
|
646
|
-
"fluid-left": {
|
|
835
|
+
"fluid-left-clamp": {
|
|
647
836
|
"min-max": fluid({ property: "fluid-left", from: BP_SM, to: BP_2XL }),
|
|
648
837
|
"sm-md": fluid({ property: "fluid-left", from: BP_SM, to: BP_MD }),
|
|
649
838
|
"sm-lg": fluid({ property: "fluid-left", from: BP_SM, to: BP_LG }),
|
|
@@ -665,7 +854,7 @@ var src_default = config.createConfig({
|
|
|
665
854
|
"lg-xl": fluid({ property: "fluid-m", from: BP_LG, to: BP_XL }),
|
|
666
855
|
"lg-2xl": fluid({ property: "fluid-m", from: BP_LG, to: BP_2XL })
|
|
667
856
|
},
|
|
668
|
-
"fluid-my": {
|
|
857
|
+
"fluid-my-clamp": {
|
|
669
858
|
"min-max": fluid({ property: "fluid-my", from: BP_SM, to: BP_2XL }),
|
|
670
859
|
"sm-md": fluid({ property: "fluid-my", from: BP_SM, to: BP_MD }),
|
|
671
860
|
"sm-lg": fluid({ property: "fluid-my", from: BP_SM, to: BP_LG }),
|
|
@@ -676,7 +865,7 @@ var src_default = config.createConfig({
|
|
|
676
865
|
"lg-xl": fluid({ property: "fluid-my", from: BP_LG, to: BP_XL }),
|
|
677
866
|
"lg-2xl": fluid({ property: "fluid-my", from: BP_LG, to: BP_2XL })
|
|
678
867
|
},
|
|
679
|
-
"fluid-mb": {
|
|
868
|
+
"fluid-mb-clamp": {
|
|
680
869
|
"min-max": fluid({ property: "fluid-mb", from: BP_SM, to: BP_2XL }),
|
|
681
870
|
"sm-md": fluid({ property: "fluid-mb", from: BP_SM, to: BP_MD }),
|
|
682
871
|
"sm-lg": fluid({ property: "fluid-mb", from: BP_SM, to: BP_LG }),
|
|
@@ -687,7 +876,7 @@ var src_default = config.createConfig({
|
|
|
687
876
|
"lg-xl": fluid({ property: "fluid-mb", from: BP_LG, to: BP_XL }),
|
|
688
877
|
"lg-2xl": fluid({ property: "fluid-mb", from: BP_LG, to: BP_2XL })
|
|
689
878
|
},
|
|
690
|
-
"fluid-mt": {
|
|
879
|
+
"fluid-mt-clamp": {
|
|
691
880
|
"min-max": fluid({ property: "fluid-mt", from: BP_SM, to: BP_2XL }),
|
|
692
881
|
"sm-md": fluid({ property: "fluid-mt", from: BP_SM, to: BP_MD }),
|
|
693
882
|
"sm-lg": fluid({ property: "fluid-mt", from: BP_SM, to: BP_LG }),
|
|
@@ -698,7 +887,7 @@ var src_default = config.createConfig({
|
|
|
698
887
|
"lg-xl": fluid({ property: "fluid-mt", from: BP_LG, to: BP_XL }),
|
|
699
888
|
"lg-2xl": fluid({ property: "fluid-mt", from: BP_LG, to: BP_2XL })
|
|
700
889
|
},
|
|
701
|
-
"fluid-mx": {
|
|
890
|
+
"fluid-mx-clamp": {
|
|
702
891
|
"min-max": fluid({ property: "fluid-mx", from: BP_SM, to: BP_2XL }),
|
|
703
892
|
"sm-md": fluid({ property: "fluid-mx", from: BP_SM, to: BP_MD }),
|
|
704
893
|
"sm-lg": fluid({ property: "fluid-mx", from: BP_SM, to: BP_LG }),
|
|
@@ -709,7 +898,7 @@ var src_default = config.createConfig({
|
|
|
709
898
|
"lg-xl": fluid({ property: "fluid-mx", from: BP_LG, to: BP_XL }),
|
|
710
899
|
"lg-2xl": fluid({ property: "fluid-mx", from: BP_LG, to: BP_2XL })
|
|
711
900
|
},
|
|
712
|
-
"fluid-mr": {
|
|
901
|
+
"fluid-mr-clamp": {
|
|
713
902
|
"min-max": fluid({ property: "fluid-mr", from: BP_SM, to: BP_2XL }),
|
|
714
903
|
"sm-md": fluid({ property: "fluid-mr", from: BP_SM, to: BP_MD }),
|
|
715
904
|
"sm-lg": fluid({ property: "fluid-mr", from: BP_SM, to: BP_LG }),
|
|
@@ -720,7 +909,7 @@ var src_default = config.createConfig({
|
|
|
720
909
|
"lg-xl": fluid({ property: "fluid-mr", from: BP_LG, to: BP_XL }),
|
|
721
910
|
"lg-2xl": fluid({ property: "fluid-mr", from: BP_LG, to: BP_2XL })
|
|
722
911
|
},
|
|
723
|
-
"fluid-ml": {
|
|
912
|
+
"fluid-ml-clamp": {
|
|
724
913
|
"min-max": fluid({ property: "fluid-ml", from: BP_SM, to: BP_2XL }),
|
|
725
914
|
"sm-md": fluid({ property: "fluid-ml", from: BP_SM, to: BP_MD }),
|
|
726
915
|
"sm-lg": fluid({ property: "fluid-ml", from: BP_SM, to: BP_LG }),
|
|
@@ -731,7 +920,7 @@ var src_default = config.createConfig({
|
|
|
731
920
|
"lg-xl": fluid({ property: "fluid-ml", from: BP_LG, to: BP_XL }),
|
|
732
921
|
"lg-2xl": fluid({ property: "fluid-ml", from: BP_LG, to: BP_2XL })
|
|
733
922
|
},
|
|
734
|
-
"fluid-max-height": {
|
|
923
|
+
"fluid-max-height-clamp": {
|
|
735
924
|
"min-max": fluid({ property: "fluid-max-height", from: BP_SM, to: BP_2XL }),
|
|
736
925
|
"sm-md": fluid({ property: "fluid-max-height", from: BP_SM, to: BP_MD }),
|
|
737
926
|
"sm-lg": fluid({ property: "fluid-max-height", from: BP_SM, to: BP_LG }),
|
|
@@ -742,7 +931,7 @@ var src_default = config.createConfig({
|
|
|
742
931
|
"lg-xl": fluid({ property: "fluid-max-height", from: BP_LG, to: BP_XL }),
|
|
743
932
|
"lg-2xl": fluid({ property: "fluid-max-height", from: BP_LG, to: BP_2XL })
|
|
744
933
|
},
|
|
745
|
-
"fluid-max-width": {
|
|
934
|
+
"fluid-max-width-clamp": {
|
|
746
935
|
"min-max": fluid({ property: "fluid-max-width", from: BP_SM, to: BP_2XL }),
|
|
747
936
|
"sm-md": fluid({ property: "fluid-max-width", from: BP_SM, to: BP_MD }),
|
|
748
937
|
"sm-lg": fluid({ property: "fluid-max-width", from: BP_SM, to: BP_LG }),
|
|
@@ -753,7 +942,7 @@ var src_default = config.createConfig({
|
|
|
753
942
|
"lg-xl": fluid({ property: "fluid-max-width", from: BP_LG, to: BP_XL }),
|
|
754
943
|
"lg-2xl": fluid({ property: "fluid-max-width", from: BP_LG, to: BP_2XL })
|
|
755
944
|
},
|
|
756
|
-
"fluid-min-height": {
|
|
945
|
+
"fluid-min-height-clamp": {
|
|
757
946
|
"min-max": fluid({ property: "fluid-min-height", from: BP_SM, to: BP_2XL }),
|
|
758
947
|
"sm-md": fluid({ property: "fluid-min-height", from: BP_SM, to: BP_MD }),
|
|
759
948
|
"sm-lg": fluid({ property: "fluid-min-height", from: BP_SM, to: BP_LG }),
|
|
@@ -764,7 +953,7 @@ var src_default = config.createConfig({
|
|
|
764
953
|
"lg-xl": fluid({ property: "fluid-min-height", from: BP_LG, to: BP_XL }),
|
|
765
954
|
"lg-2xl": fluid({ property: "fluid-min-height", from: BP_LG, to: BP_2XL })
|
|
766
955
|
},
|
|
767
|
-
"fluid-min-width": {
|
|
956
|
+
"fluid-min-width-clamp": {
|
|
768
957
|
"min-max": fluid({ property: "fluid-min-width", from: BP_SM, to: BP_2XL }),
|
|
769
958
|
"sm-md": fluid({ property: "fluid-min-width", from: BP_SM, to: BP_MD }),
|
|
770
959
|
"sm-lg": fluid({ property: "fluid-min-width", from: BP_SM, to: BP_LG }),
|
|
@@ -775,7 +964,7 @@ var src_default = config.createConfig({
|
|
|
775
964
|
"lg-xl": fluid({ property: "fluid-min-width", from: BP_LG, to: BP_XL }),
|
|
776
965
|
"lg-2xl": fluid({ property: "fluid-min-width", from: BP_LG, to: BP_2XL })
|
|
777
966
|
},
|
|
778
|
-
"fluid-p": {
|
|
967
|
+
"fluid-p-clamp": {
|
|
779
968
|
"min-max": fluid({ property: "fluid-p", from: BP_SM, to: BP_2XL }),
|
|
780
969
|
"sm-md": fluid({ property: "fluid-p", from: BP_SM, to: BP_MD }),
|
|
781
970
|
"sm-lg": fluid({ property: "fluid-p", from: BP_SM, to: BP_LG }),
|
|
@@ -786,7 +975,7 @@ var src_default = config.createConfig({
|
|
|
786
975
|
"lg-xl": fluid({ property: "fluid-p", from: BP_LG, to: BP_XL }),
|
|
787
976
|
"lg-2xl": fluid({ property: "fluid-p", from: BP_LG, to: BP_2XL })
|
|
788
977
|
},
|
|
789
|
-
"fluid-py": {
|
|
978
|
+
"fluid-py-clamp": {
|
|
790
979
|
"min-max": fluid({ property: "fluid-py", from: BP_SM, to: BP_2XL }),
|
|
791
980
|
"sm-md": fluid({ property: "fluid-py", from: BP_SM, to: BP_MD }),
|
|
792
981
|
"sm-lg": fluid({ property: "fluid-py", from: BP_SM, to: BP_LG }),
|
|
@@ -797,7 +986,7 @@ var src_default = config.createConfig({
|
|
|
797
986
|
"lg-xl": fluid({ property: "fluid-py", from: BP_LG, to: BP_XL }),
|
|
798
987
|
"lg-2xl": fluid({ property: "fluid-py", from: BP_LG, to: BP_2XL })
|
|
799
988
|
},
|
|
800
|
-
"fluid-pb": {
|
|
989
|
+
"fluid-pb-clamp": {
|
|
801
990
|
"min-max": fluid({ property: "fluid-pb", from: BP_SM, to: BP_2XL }),
|
|
802
991
|
"sm-md": fluid({ property: "fluid-pb", from: BP_SM, to: BP_MD }),
|
|
803
992
|
"sm-lg": fluid({ property: "fluid-pb", from: BP_SM, to: BP_LG }),
|
|
@@ -808,7 +997,7 @@ var src_default = config.createConfig({
|
|
|
808
997
|
"lg-xl": fluid({ property: "fluid-pb", from: BP_LG, to: BP_XL }),
|
|
809
998
|
"lg-2xl": fluid({ property: "fluid-pb", from: BP_LG, to: BP_2XL })
|
|
810
999
|
},
|
|
811
|
-
"fluid-pt": {
|
|
1000
|
+
"fluid-pt-clamp": {
|
|
812
1001
|
"min-max": fluid({ property: "fluid-pt", from: BP_SM, to: BP_2XL }),
|
|
813
1002
|
"sm-md": fluid({ property: "fluid-pt", from: BP_SM, to: BP_MD }),
|
|
814
1003
|
"sm-lg": fluid({ property: "fluid-pt", from: BP_SM, to: BP_LG }),
|
|
@@ -819,7 +1008,7 @@ var src_default = config.createConfig({
|
|
|
819
1008
|
"lg-xl": fluid({ property: "fluid-pt", from: BP_LG, to: BP_XL }),
|
|
820
1009
|
"lg-2xl": fluid({ property: "fluid-pt", from: BP_LG, to: BP_2XL })
|
|
821
1010
|
},
|
|
822
|
-
"fluid-px": {
|
|
1011
|
+
"fluid-px-clamp": {
|
|
823
1012
|
"min-max": fluid({ property: "fluid-px", from: BP_SM, to: BP_2XL }),
|
|
824
1013
|
"sm-md": fluid({ property: "fluid-px", from: BP_SM, to: BP_MD }),
|
|
825
1014
|
"sm-lg": fluid({ property: "fluid-px", from: BP_SM, to: BP_LG }),
|
|
@@ -830,7 +1019,7 @@ var src_default = config.createConfig({
|
|
|
830
1019
|
"lg-xl": fluid({ property: "fluid-px", from: BP_LG, to: BP_XL }),
|
|
831
1020
|
"lg-2xl": fluid({ property: "fluid-px", from: BP_LG, to: BP_2XL })
|
|
832
1021
|
},
|
|
833
|
-
"fluid-pr": {
|
|
1022
|
+
"fluid-pr-clamp": {
|
|
834
1023
|
"min-max": fluid({ property: "fluid-pr", from: BP_SM, to: BP_2XL }),
|
|
835
1024
|
"sm-md": fluid({ property: "fluid-pr", from: BP_SM, to: BP_MD }),
|
|
836
1025
|
"sm-lg": fluid({ property: "fluid-pr", from: BP_SM, to: BP_LG }),
|
|
@@ -841,7 +1030,7 @@ var src_default = config.createConfig({
|
|
|
841
1030
|
"lg-xl": fluid({ property: "fluid-pr", from: BP_LG, to: BP_XL }),
|
|
842
1031
|
"lg-2xl": fluid({ property: "fluid-pr", from: BP_LG, to: BP_2XL })
|
|
843
1032
|
},
|
|
844
|
-
"fluid-pl": {
|
|
1033
|
+
"fluid-pl-clamp": {
|
|
845
1034
|
"min-max": fluid({ property: "fluid-pl", from: BP_SM, to: BP_2XL }),
|
|
846
1035
|
"sm-md": fluid({ property: "fluid-pl", from: BP_SM, to: BP_MD }),
|
|
847
1036
|
"sm-lg": fluid({ property: "fluid-pl", from: BP_SM, to: BP_LG }),
|
|
@@ -852,7 +1041,7 @@ var src_default = config.createConfig({
|
|
|
852
1041
|
"lg-xl": fluid({ property: "fluid-pl", from: BP_LG, to: BP_XL }),
|
|
853
1042
|
"lg-2xl": fluid({ property: "fluid-pl", from: BP_LG, to: BP_2XL })
|
|
854
1043
|
},
|
|
855
|
-
"fluid-row-gap": {
|
|
1044
|
+
"fluid-row-gap-clamp": {
|
|
856
1045
|
"min-max": fluid({ property: "fluid-row-gap", from: BP_SM, to: BP_2XL }),
|
|
857
1046
|
"sm-md": fluid({ property: "fluid-row-gap", from: BP_SM, to: BP_MD }),
|
|
858
1047
|
"sm-lg": fluid({ property: "fluid-row-gap", from: BP_SM, to: BP_LG }),
|
|
@@ -863,7 +1052,7 @@ var src_default = config.createConfig({
|
|
|
863
1052
|
"lg-xl": fluid({ property: "fluid-row-gap", from: BP_LG, to: BP_XL }),
|
|
864
1053
|
"lg-2xl": fluid({ property: "fluid-row-gap", from: BP_LG, to: BP_2XL })
|
|
865
1054
|
},
|
|
866
|
-
"fluid-scroll-m": {
|
|
1055
|
+
"fluid-scroll-m-clamp": {
|
|
867
1056
|
"min-max": fluid({ property: "fluid-scroll-m", from: BP_SM, to: BP_2XL }),
|
|
868
1057
|
"sm-md": fluid({ property: "fluid-scroll-m", from: BP_SM, to: BP_MD }),
|
|
869
1058
|
"sm-lg": fluid({ property: "fluid-scroll-m", from: BP_SM, to: BP_LG }),
|
|
@@ -874,7 +1063,7 @@ var src_default = config.createConfig({
|
|
|
874
1063
|
"lg-xl": fluid({ property: "fluid-scroll-m", from: BP_LG, to: BP_XL }),
|
|
875
1064
|
"lg-2xl": fluid({ property: "fluid-scroll-m", from: BP_LG, to: BP_2XL })
|
|
876
1065
|
},
|
|
877
|
-
"fluid-scroll-my": {
|
|
1066
|
+
"fluid-scroll-my-clamp": {
|
|
878
1067
|
"min-max": fluid({ property: "fluid-scroll-my", from: BP_SM, to: BP_2XL }),
|
|
879
1068
|
"sm-md": fluid({ property: "fluid-scroll-my", from: BP_SM, to: BP_MD }),
|
|
880
1069
|
"sm-lg": fluid({ property: "fluid-scroll-my", from: BP_SM, to: BP_LG }),
|
|
@@ -885,7 +1074,7 @@ var src_default = config.createConfig({
|
|
|
885
1074
|
"lg-xl": fluid({ property: "fluid-scroll-my", from: BP_LG, to: BP_XL }),
|
|
886
1075
|
"lg-2xl": fluid({ property: "fluid-scroll-my", from: BP_LG, to: BP_2XL })
|
|
887
1076
|
},
|
|
888
|
-
"fluid-scroll-mb": {
|
|
1077
|
+
"fluid-scroll-mb-clamp": {
|
|
889
1078
|
"min-max": fluid({ property: "fluid-scroll-mb", from: BP_SM, to: BP_2XL }),
|
|
890
1079
|
"sm-md": fluid({ property: "fluid-scroll-mb", from: BP_SM, to: BP_MD }),
|
|
891
1080
|
"sm-lg": fluid({ property: "fluid-scroll-mb", from: BP_SM, to: BP_LG }),
|
|
@@ -896,7 +1085,7 @@ var src_default = config.createConfig({
|
|
|
896
1085
|
"lg-xl": fluid({ property: "fluid-scroll-mb", from: BP_LG, to: BP_XL }),
|
|
897
1086
|
"lg-2xl": fluid({ property: "fluid-scroll-mb", from: BP_LG, to: BP_2XL })
|
|
898
1087
|
},
|
|
899
|
-
"fluid-scroll-mt": {
|
|
1088
|
+
"fluid-scroll-mt-clamp": {
|
|
900
1089
|
"min-max": fluid({ property: "fluid-scroll-mt", from: BP_SM, to: BP_2XL }),
|
|
901
1090
|
"sm-md": fluid({ property: "fluid-scroll-mt", from: BP_SM, to: BP_MD }),
|
|
902
1091
|
"sm-lg": fluid({ property: "fluid-scroll-mt", from: BP_SM, to: BP_LG }),
|
|
@@ -907,7 +1096,7 @@ var src_default = config.createConfig({
|
|
|
907
1096
|
"lg-xl": fluid({ property: "fluid-scroll-mt", from: BP_LG, to: BP_XL }),
|
|
908
1097
|
"lg-2xl": fluid({ property: "fluid-scroll-mt", from: BP_LG, to: BP_2XL })
|
|
909
1098
|
},
|
|
910
|
-
"fluid-scroll-mx": {
|
|
1099
|
+
"fluid-scroll-mx-clamp": {
|
|
911
1100
|
"min-max": fluid({ property: "fluid-scroll-mx", from: BP_SM, to: BP_2XL }),
|
|
912
1101
|
"sm-md": fluid({ property: "fluid-scroll-mx", from: BP_SM, to: BP_MD }),
|
|
913
1102
|
"sm-lg": fluid({ property: "fluid-scroll-mx", from: BP_SM, to: BP_LG }),
|
|
@@ -918,7 +1107,7 @@ var src_default = config.createConfig({
|
|
|
918
1107
|
"lg-xl": fluid({ property: "fluid-scroll-mx", from: BP_LG, to: BP_XL }),
|
|
919
1108
|
"lg-2xl": fluid({ property: "fluid-scroll-mx", from: BP_LG, to: BP_2XL })
|
|
920
1109
|
},
|
|
921
|
-
"fluid-scroll-mr": {
|
|
1110
|
+
"fluid-scroll-mr-clamp": {
|
|
922
1111
|
"min-max": fluid({ property: "fluid-scroll-mr", from: BP_SM, to: BP_2XL }),
|
|
923
1112
|
"sm-md": fluid({ property: "fluid-scroll-mr", from: BP_SM, to: BP_MD }),
|
|
924
1113
|
"sm-lg": fluid({ property: "fluid-scroll-mr", from: BP_SM, to: BP_LG }),
|
|
@@ -929,7 +1118,7 @@ var src_default = config.createConfig({
|
|
|
929
1118
|
"lg-xl": fluid({ property: "fluid-scroll-mr", from: BP_LG, to: BP_XL }),
|
|
930
1119
|
"lg-2xl": fluid({ property: "fluid-scroll-mr", from: BP_LG, to: BP_2XL })
|
|
931
1120
|
},
|
|
932
|
-
"fluid-scroll-ml": {
|
|
1121
|
+
"fluid-scroll-ml-clamp": {
|
|
933
1122
|
"min-max": fluid({ property: "fluid-scroll-ml", from: BP_SM, to: BP_2XL }),
|
|
934
1123
|
"sm-md": fluid({ property: "fluid-scroll-ml", from: BP_SM, to: BP_MD }),
|
|
935
1124
|
"sm-lg": fluid({ property: "fluid-scroll-ml", from: BP_SM, to: BP_LG }),
|
|
@@ -940,7 +1129,7 @@ var src_default = config.createConfig({
|
|
|
940
1129
|
"lg-xl": fluid({ property: "fluid-scroll-ml", from: BP_LG, to: BP_XL }),
|
|
941
1130
|
"lg-2xl": fluid({ property: "fluid-scroll-ml", from: BP_LG, to: BP_2XL })
|
|
942
1131
|
},
|
|
943
|
-
"fluid-scroll-p": {
|
|
1132
|
+
"fluid-scroll-p-clamp": {
|
|
944
1133
|
"min-max": fluid({ property: "fluid-scroll-p", from: BP_SM, to: BP_2XL }),
|
|
945
1134
|
"sm-md": fluid({ property: "fluid-scroll-p", from: BP_SM, to: BP_MD }),
|
|
946
1135
|
"sm-lg": fluid({ property: "fluid-scroll-p", from: BP_SM, to: BP_LG }),
|
|
@@ -951,7 +1140,7 @@ var src_default = config.createConfig({
|
|
|
951
1140
|
"lg-xl": fluid({ property: "fluid-scroll-p", from: BP_LG, to: BP_XL }),
|
|
952
1141
|
"lg-2xl": fluid({ property: "fluid-scroll-p", from: BP_LG, to: BP_2XL })
|
|
953
1142
|
},
|
|
954
|
-
"fluid-scroll-py": {
|
|
1143
|
+
"fluid-scroll-py-clamp": {
|
|
955
1144
|
"min-max": fluid({ property: "fluid-scroll-py", from: BP_SM, to: BP_2XL }),
|
|
956
1145
|
"sm-md": fluid({ property: "fluid-scroll-py", from: BP_SM, to: BP_MD }),
|
|
957
1146
|
"sm-lg": fluid({ property: "fluid-scroll-py", from: BP_SM, to: BP_LG }),
|
|
@@ -962,7 +1151,7 @@ var src_default = config.createConfig({
|
|
|
962
1151
|
"lg-xl": fluid({ property: "fluid-scroll-py", from: BP_LG, to: BP_XL }),
|
|
963
1152
|
"lg-2xl": fluid({ property: "fluid-scroll-py", from: BP_LG, to: BP_2XL })
|
|
964
1153
|
},
|
|
965
|
-
"fluid-scroll-pb": {
|
|
1154
|
+
"fluid-scroll-pb-clamp": {
|
|
966
1155
|
"min-max": fluid({ property: "fluid-scroll-pb", from: BP_SM, to: BP_2XL }),
|
|
967
1156
|
"sm-md": fluid({ property: "fluid-scroll-pb", from: BP_SM, to: BP_MD }),
|
|
968
1157
|
"sm-lg": fluid({ property: "fluid-scroll-pb", from: BP_SM, to: BP_LG }),
|
|
@@ -973,7 +1162,7 @@ var src_default = config.createConfig({
|
|
|
973
1162
|
"lg-xl": fluid({ property: "fluid-scroll-pb", from: BP_LG, to: BP_XL }),
|
|
974
1163
|
"lg-2xl": fluid({ property: "fluid-scroll-pb", from: BP_LG, to: BP_2XL })
|
|
975
1164
|
},
|
|
976
|
-
"fluid-scroll-pt": {
|
|
1165
|
+
"fluid-scroll-pt-clamp": {
|
|
977
1166
|
"min-max": fluid({ property: "fluid-scroll-pt", from: BP_SM, to: BP_2XL }),
|
|
978
1167
|
"sm-md": fluid({ property: "fluid-scroll-pt", from: BP_SM, to: BP_MD }),
|
|
979
1168
|
"sm-lg": fluid({ property: "fluid-scroll-pt", from: BP_SM, to: BP_LG }),
|
|
@@ -984,7 +1173,7 @@ var src_default = config.createConfig({
|
|
|
984
1173
|
"lg-xl": fluid({ property: "fluid-scroll-pt", from: BP_LG, to: BP_XL }),
|
|
985
1174
|
"lg-2xl": fluid({ property: "fluid-scroll-pt", from: BP_LG, to: BP_2XL })
|
|
986
1175
|
},
|
|
987
|
-
"fluid-scroll-px": {
|
|
1176
|
+
"fluid-scroll-px-clamp": {
|
|
988
1177
|
"min-max": fluid({ property: "fluid-scroll-px", from: BP_SM, to: BP_2XL }),
|
|
989
1178
|
"sm-md": fluid({ property: "fluid-scroll-px", from: BP_SM, to: BP_MD }),
|
|
990
1179
|
"sm-lg": fluid({ property: "fluid-scroll-px", from: BP_SM, to: BP_LG }),
|
|
@@ -995,7 +1184,7 @@ var src_default = config.createConfig({
|
|
|
995
1184
|
"lg-xl": fluid({ property: "fluid-scroll-px", from: BP_LG, to: BP_XL }),
|
|
996
1185
|
"lg-2xl": fluid({ property: "fluid-scroll-px", from: BP_LG, to: BP_2XL })
|
|
997
1186
|
},
|
|
998
|
-
"fluid-scroll-pr": {
|
|
1187
|
+
"fluid-scroll-pr-clamp": {
|
|
999
1188
|
"min-max": fluid({ property: "fluid-scroll-pr", from: BP_SM, to: BP_2XL }),
|
|
1000
1189
|
"sm-md": fluid({ property: "fluid-scroll-pr", from: BP_SM, to: BP_MD }),
|
|
1001
1190
|
"sm-lg": fluid({ property: "fluid-scroll-pr", from: BP_SM, to: BP_LG }),
|
|
@@ -1006,7 +1195,7 @@ var src_default = config.createConfig({
|
|
|
1006
1195
|
"lg-xl": fluid({ property: "fluid-scroll-pr", from: BP_LG, to: BP_XL }),
|
|
1007
1196
|
"lg-2xl": fluid({ property: "fluid-scroll-pr", from: BP_LG, to: BP_2XL })
|
|
1008
1197
|
},
|
|
1009
|
-
"fluid-scroll-pl": {
|
|
1198
|
+
"fluid-scroll-pl-clamp": {
|
|
1010
1199
|
"min-max": fluid({ property: "fluid-scroll-pl", from: BP_SM, to: BP_2XL }),
|
|
1011
1200
|
"sm-md": fluid({ property: "fluid-scroll-pl", from: BP_SM, to: BP_MD }),
|
|
1012
1201
|
"sm-lg": fluid({ property: "fluid-scroll-pl", from: BP_SM, to: BP_LG }),
|
|
@@ -1017,7 +1206,7 @@ var src_default = config.createConfig({
|
|
|
1017
1206
|
"lg-xl": fluid({ property: "fluid-scroll-pl", from: BP_LG, to: BP_XL }),
|
|
1018
1207
|
"lg-2xl": fluid({ property: "fluid-scroll-pl", from: BP_LG, to: BP_2XL })
|
|
1019
1208
|
},
|
|
1020
|
-
"fluid-stroke-width": {
|
|
1209
|
+
"fluid-stroke-width-clamp": {
|
|
1021
1210
|
"min-max": fluid({ property: "fluid-stroke-width", from: BP_SM, to: BP_2XL }),
|
|
1022
1211
|
"sm-md": fluid({ property: "fluid-stroke-width", from: BP_SM, to: BP_MD }),
|
|
1023
1212
|
"sm-lg": fluid({ property: "fluid-stroke-width", from: BP_SM, to: BP_LG }),
|
|
@@ -1028,7 +1217,7 @@ var src_default = config.createConfig({
|
|
|
1028
1217
|
"lg-xl": fluid({ property: "fluid-stroke-width", from: BP_LG, to: BP_XL }),
|
|
1029
1218
|
"lg-2xl": fluid({ property: "fluid-stroke-width", from: BP_LG, to: BP_2XL })
|
|
1030
1219
|
},
|
|
1031
|
-
"fluid-text-indent": {
|
|
1220
|
+
"fluid-text-indent-clamp": {
|
|
1032
1221
|
"min-max": fluid({ property: "fluid-text-indent", from: BP_SM, to: BP_2XL }),
|
|
1033
1222
|
"sm-md": fluid({ property: "fluid-text-indent", from: BP_SM, to: BP_MD }),
|
|
1034
1223
|
"sm-lg": fluid({ property: "fluid-text-indent", from: BP_SM, to: BP_LG }),
|
|
@@ -1055,7 +1244,7 @@ var src_default = config.createConfig({
|
|
|
1055
1244
|
"to-tl": optionalViaGradient("to top left")
|
|
1056
1245
|
},
|
|
1057
1246
|
space: {
|
|
1058
|
-
"0":
|
|
1247
|
+
"0": 0,
|
|
1059
1248
|
px: rem(1),
|
|
1060
1249
|
auto: "auto",
|
|
1061
1250
|
half: "50%",
|
|
@@ -1089,7 +1278,7 @@ var src_default = config.createConfig({
|
|
|
1089
1278
|
"8": `${rem(8)} solid`
|
|
1090
1279
|
},
|
|
1091
1280
|
"line-size": {
|
|
1092
|
-
"0":
|
|
1281
|
+
"0": 0,
|
|
1093
1282
|
px: rem(1),
|
|
1094
1283
|
"2": rem(2),
|
|
1095
1284
|
"4": rem(4),
|
|
@@ -1104,12 +1293,12 @@ var src_default = config.createConfig({
|
|
|
1104
1293
|
"8": rem(32),
|
|
1105
1294
|
"9": rem(36),
|
|
1106
1295
|
"10": rem(40),
|
|
1107
|
-
none:
|
|
1108
|
-
tight:
|
|
1109
|
-
snug:
|
|
1110
|
-
normal:
|
|
1111
|
-
relaxed:
|
|
1112
|
-
loose:
|
|
1296
|
+
none: 1,
|
|
1297
|
+
tight: 1.25,
|
|
1298
|
+
snug: 1.375,
|
|
1299
|
+
normal: 1.5,
|
|
1300
|
+
relaxed: 1.625,
|
|
1301
|
+
loose: 2
|
|
1113
1302
|
},
|
|
1114
1303
|
morph: {
|
|
1115
1304
|
none: "none",
|
|
@@ -1121,14 +1310,14 @@ var src_default = config.createConfig({
|
|
|
1121
1310
|
transform: `transform cubic-bezier(0.4, 0, 0.2, 1) 150ms`
|
|
1122
1311
|
},
|
|
1123
1312
|
offset: {
|
|
1124
|
-
"0":
|
|
1313
|
+
"0": 0,
|
|
1125
1314
|
px: rem(1),
|
|
1126
1315
|
"2": rem(2),
|
|
1127
1316
|
"4": rem(4),
|
|
1128
1317
|
"8": rem(8)
|
|
1129
1318
|
},
|
|
1130
1319
|
radii: {
|
|
1131
|
-
none:
|
|
1320
|
+
none: 0,
|
|
1132
1321
|
sm: rem(2),
|
|
1133
1322
|
base: rem(4),
|
|
1134
1323
|
md: rem(6),
|
|
@@ -1154,7 +1343,7 @@ var src_default = config.createConfig({
|
|
|
1154
1343
|
none: "none"
|
|
1155
1344
|
},
|
|
1156
1345
|
size: {
|
|
1157
|
-
"0":
|
|
1346
|
+
"0": 0,
|
|
1158
1347
|
px: rem(1),
|
|
1159
1348
|
auto: "auto",
|
|
1160
1349
|
fit: "fit-content",
|
|
@@ -1264,15 +1453,15 @@ var src_default = config.createConfig({
|
|
|
1264
1453
|
widest: "0.1em"
|
|
1265
1454
|
},
|
|
1266
1455
|
weight: {
|
|
1267
|
-
thin:
|
|
1268
|
-
extralight:
|
|
1269
|
-
light:
|
|
1270
|
-
normal:
|
|
1271
|
-
medium:
|
|
1272
|
-
semibold:
|
|
1273
|
-
bold:
|
|
1274
|
-
extrabold:
|
|
1275
|
-
black:
|
|
1456
|
+
thin: 100,
|
|
1457
|
+
extralight: 200,
|
|
1458
|
+
light: 300,
|
|
1459
|
+
normal: 400,
|
|
1460
|
+
medium: 500,
|
|
1461
|
+
semibold: 600,
|
|
1462
|
+
bold: 700,
|
|
1463
|
+
extrabold: 800,
|
|
1464
|
+
black: 900
|
|
1276
1465
|
}
|
|
1277
1466
|
},
|
|
1278
1467
|
selectors: {
|
|
@@ -1454,7 +1643,7 @@ var src_default = config.createConfig({
|
|
|
1454
1643
|
"background-image": ["gradient"],
|
|
1455
1644
|
"background-position-x": ["grid", "space"],
|
|
1456
1645
|
"background-position-y": ["grid", "space"],
|
|
1457
|
-
"block-size": ["size", "grid", "fluid-height"],
|
|
1646
|
+
"block-size": ["size", "grid", "fluid-height-clamp"],
|
|
1458
1647
|
"block-size-min": ["number"],
|
|
1459
1648
|
"block-size-max": ["number"],
|
|
1460
1649
|
border: ["line"],
|
|
@@ -1497,21 +1686,21 @@ var src_default = config.createConfig({
|
|
|
1497
1686
|
"border-start-start-radius": ["radii"],
|
|
1498
1687
|
"border-end-start-radius": ["radii"],
|
|
1499
1688
|
"border-end-end-radius": ["radii"],
|
|
1500
|
-
"border-spacing": ["grid", "fluid-border-spacing"],
|
|
1689
|
+
"border-spacing": ["grid", "fluid-border-spacing-clamp"],
|
|
1501
1690
|
bottom: ["grid", "space", "fluid-bottom"],
|
|
1502
1691
|
"box-shadow": ["shadow"],
|
|
1503
1692
|
"caret-color": ["color"],
|
|
1504
1693
|
color: ["color"],
|
|
1505
|
-
"column-gap": ["grid", "fluid-column-gap"],
|
|
1694
|
+
"column-gap": ["grid", "fluid-column-gap-clamp"],
|
|
1506
1695
|
"column-rule": ["line"],
|
|
1507
1696
|
"column-rule-color": ["color"],
|
|
1508
1697
|
"column-rule-width": ["line-size"],
|
|
1509
1698
|
columns: ["col"],
|
|
1510
|
-
"column-width": ["size", "grid", "fluid-column-width"],
|
|
1699
|
+
"column-width": ["size", "grid", "fluid-column-width-clamp"],
|
|
1511
1700
|
filter: ["effect", "drop-shadow"],
|
|
1512
1701
|
fill: ["color"],
|
|
1513
1702
|
flex: ["flex"],
|
|
1514
|
-
"flex-basis": ["grid", "space", "fluid-flex-basis"],
|
|
1703
|
+
"flex-basis": ["grid", "space", "fluid-flex-basis-clamp"],
|
|
1515
1704
|
"flex-basis-min": ["number"],
|
|
1516
1705
|
"flex-basis-max": ["number"],
|
|
1517
1706
|
"fluid-height-min": ["number"],
|
|
@@ -1524,8 +1713,8 @@ var src_default = config.createConfig({
|
|
|
1524
1713
|
"fluid-column-width-max": ["number"],
|
|
1525
1714
|
"fluid-flex-basis-min": ["number"],
|
|
1526
1715
|
"fluid-flex-basis-max": ["number"],
|
|
1527
|
-
"fluid-text-size-min": ["
|
|
1528
|
-
"fluid-text-size-max": ["
|
|
1716
|
+
"fluid-text-size-min": ["fluid-text-size"],
|
|
1717
|
+
"fluid-text-size-max": ["fluid-text-size"],
|
|
1529
1718
|
"fluid-gap-min": ["number"],
|
|
1530
1719
|
"fluid-gap-max": ["number"],
|
|
1531
1720
|
"fluid-width-min": ["number"],
|
|
@@ -1616,10 +1805,10 @@ var src_default = config.createConfig({
|
|
|
1616
1805
|
"fluid-text-indent-max": ["number"],
|
|
1617
1806
|
font: ["text"],
|
|
1618
1807
|
"font-family": ["font"],
|
|
1619
|
-
"font-size": ["text-size", "fluid-text-size"],
|
|
1808
|
+
"font-size": ["text-size", "fluid-text-size-clamp"],
|
|
1620
1809
|
"font-weight": ["weight"],
|
|
1621
1810
|
"line-height": ["leading"],
|
|
1622
|
-
gap: ["grid", "fluid-gap"],
|
|
1811
|
+
gap: ["grid", "fluid-gap-clamp"],
|
|
1623
1812
|
"gradient-from": ["color"],
|
|
1624
1813
|
"gradient-from-stop": ["stop"],
|
|
1625
1814
|
"gradient-to": ["color"],
|
|
@@ -1630,88 +1819,88 @@ var src_default = config.createConfig({
|
|
|
1630
1819
|
"grid-row": ["span"],
|
|
1631
1820
|
"grid-template-rows": ["grid-span"],
|
|
1632
1821
|
"grid-template-columns": ["grid-span"],
|
|
1633
|
-
height: ["size", "grid", "fluid-height"],
|
|
1634
|
-
"inline-size": ["size", "grid", "fluid-width"],
|
|
1635
|
-
inset: ["grid", "space", "fluid-inset"],
|
|
1636
|
-
"inset-block": ["grid", "space", "fluid-inset-y"],
|
|
1822
|
+
height: ["size", "grid", "fluid-height-clamp"],
|
|
1823
|
+
"inline-size": ["size", "grid", "fluid-width-clamp"],
|
|
1824
|
+
inset: ["grid", "space", "fluid-inset-clamp"],
|
|
1825
|
+
"inset-block": ["grid", "space", "fluid-inset-y-clamp"],
|
|
1637
1826
|
"inset-block-end": ["grid", "space", "fluid-bottom"],
|
|
1638
|
-
"inset-block-start": ["grid", "space", "fluid-top"],
|
|
1827
|
+
"inset-block-start": ["grid", "space", "fluid-top-clamp"],
|
|
1639
1828
|
"inset-inline": ["grid", "space", "fluid-inset-x"],
|
|
1640
|
-
"inset-inline-end": ["grid", "space", "fluid-right"],
|
|
1641
|
-
"inset-inline-start": ["grid", "space", "fluid-left"],
|
|
1642
|
-
left: ["grid", "space", "fluid-left"],
|
|
1829
|
+
"inset-inline-end": ["grid", "space", "fluid-right-clamp"],
|
|
1830
|
+
"inset-inline-start": ["grid", "space", "fluid-left-clamp"],
|
|
1831
|
+
left: ["grid", "space", "fluid-left-clamp"],
|
|
1643
1832
|
"letter-spacing": ["tracking"],
|
|
1644
1833
|
margin: ["grid", "fluid-m"],
|
|
1645
|
-
"margin-block": ["grid", "fluid-my"],
|
|
1646
|
-
"margin-block-end": ["grid", "fluid-mb"],
|
|
1647
|
-
"margin-block-start": ["grid", "fluid-mt"],
|
|
1834
|
+
"margin-block": ["grid", "fluid-my-clamp"],
|
|
1835
|
+
"margin-block-end": ["grid", "fluid-mb-clamp"],
|
|
1836
|
+
"margin-block-start": ["grid", "fluid-mt-clamp"],
|
|
1648
1837
|
"margin-inline": ["grid", "fluid-mx"],
|
|
1649
|
-
"margin-inline-end": ["grid", "fluid-mr"],
|
|
1650
|
-
"margin-inline-start": ["grid", "fluid-ml"],
|
|
1651
|
-
"margin-top": ["grid", "fluid-mt"],
|
|
1652
|
-
"margin-right": ["grid", "fluid-mr"],
|
|
1653
|
-
"margin-bottom": ["grid", "fluid-mb"],
|
|
1654
|
-
"margin-left": ["grid", "fluid-ml"],
|
|
1655
|
-
"max-block-size": ["size", "grid", "fluid-max-height"],
|
|
1656
|
-
"max-height": ["size", "grid", "fluid-max-width"],
|
|
1657
|
-
"max-inline-size": ["size", "grid", "fluid-max-width"],
|
|
1658
|
-
"max-width": ["size", "grid", "fluid-max-height"],
|
|
1659
|
-
"min-block-size": ["size", "grid", "fluid-min-height"],
|
|
1660
|
-
"min-height": ["size", "grid", "fluid-min-width"],
|
|
1661
|
-
"min-inline-size": ["size", "grid", "fluid-min-width"],
|
|
1662
|
-
"min-width": ["size", "grid", "fluid-min-height"],
|
|
1838
|
+
"margin-inline-end": ["grid", "fluid-mr-clamp"],
|
|
1839
|
+
"margin-inline-start": ["grid", "fluid-ml-clamp"],
|
|
1840
|
+
"margin-top": ["grid", "fluid-mt-clamp"],
|
|
1841
|
+
"margin-right": ["grid", "fluid-mr-clamp"],
|
|
1842
|
+
"margin-bottom": ["grid", "fluid-mb-clamp"],
|
|
1843
|
+
"margin-left": ["grid", "fluid-ml-clamp"],
|
|
1844
|
+
"max-block-size": ["size", "grid", "fluid-max-height-clamp"],
|
|
1845
|
+
"max-height": ["size", "grid", "fluid-max-width-clamp"],
|
|
1846
|
+
"max-inline-size": ["size", "grid", "fluid-max-width-clamp"],
|
|
1847
|
+
"max-width": ["size", "grid", "fluid-max-height-clamp"],
|
|
1848
|
+
"min-block-size": ["size", "grid", "fluid-min-height-clamp"],
|
|
1849
|
+
"min-height": ["size", "grid", "fluid-min-width-clamp"],
|
|
1850
|
+
"min-inline-size": ["size", "grid", "fluid-min-width-clamp"],
|
|
1851
|
+
"min-width": ["size", "grid", "fluid-min-height-clamp"],
|
|
1663
1852
|
opacity: ["alpha"],
|
|
1664
1853
|
outline: ["line"],
|
|
1665
1854
|
"outline-color": ["color"],
|
|
1666
1855
|
"outline-width": ["line-size"],
|
|
1667
1856
|
"outline-offset": ["offset"],
|
|
1668
1857
|
padding: ["grid", "fluid-p"],
|
|
1669
|
-
"padding-block": ["grid", "fluid-py"],
|
|
1670
|
-
"padding-block-end": ["grid", "fluid-pb"],
|
|
1671
|
-
"padding-block-start": ["grid", "fluid-pt"],
|
|
1858
|
+
"padding-block": ["grid", "fluid-py-clamp"],
|
|
1859
|
+
"padding-block-end": ["grid", "fluid-pb-clamp"],
|
|
1860
|
+
"padding-block-start": ["grid", "fluid-pt-clamp"],
|
|
1672
1861
|
"padding-inline": ["grid", "fluid-px"],
|
|
1673
|
-
"padding-inline-end": ["grid", "fluid-pr"],
|
|
1674
|
-
"padding-inline-start": ["grid", "fluid-pl"],
|
|
1675
|
-
"padding-top": ["grid", "fluid-pt"],
|
|
1676
|
-
"padding-right": ["grid", "fluid-pr"],
|
|
1677
|
-
"padding-bottom": ["grid", "fluid-pb"],
|
|
1678
|
-
"padding-left": ["grid", "fluid-pl"],
|
|
1679
|
-
right: ["grid", "space", "fluid-right"],
|
|
1680
|
-
"row-gap": ["grid", "fluid-row-gap"],
|
|
1862
|
+
"padding-inline-end": ["grid", "fluid-pr-clamp"],
|
|
1863
|
+
"padding-inline-start": ["grid", "fluid-pl-clamp"],
|
|
1864
|
+
"padding-top": ["grid", "fluid-pt-clamp"],
|
|
1865
|
+
"padding-right": ["grid", "fluid-pr-clamp"],
|
|
1866
|
+
"padding-bottom": ["grid", "fluid-pb-clamp"],
|
|
1867
|
+
"padding-left": ["grid", "fluid-pl-clamp"],
|
|
1868
|
+
right: ["grid", "space", "fluid-right-clamp"],
|
|
1869
|
+
"row-gap": ["grid", "fluid-row-gap-clamp"],
|
|
1681
1870
|
"scroll-margin": ["grid", "fluid-scroll-m"],
|
|
1682
|
-
"scroll-margin-block": ["grid", "fluid-scroll-my"],
|
|
1683
|
-
"scroll-margin-block-end": ["grid", "fluid-scroll-mb"],
|
|
1684
|
-
"scroll-margin-block-start": ["grid", "fluid-scroll-mt"],
|
|
1871
|
+
"scroll-margin-block": ["grid", "fluid-scroll-my-clamp"],
|
|
1872
|
+
"scroll-margin-block-end": ["grid", "fluid-scroll-mb-clamp"],
|
|
1873
|
+
"scroll-margin-block-start": ["grid", "fluid-scroll-mt-clamp"],
|
|
1685
1874
|
"scroll-margin-inline": ["grid", "fluid-scroll-mx"],
|
|
1686
|
-
"scroll-margin-inline-end": ["grid", "fluid-scroll-mr"],
|
|
1687
|
-
"scroll-margin-inline-start": ["grid", "fluid-scroll-ml"],
|
|
1688
|
-
"scroll-margin-top": ["grid", "fluid-scroll-mt"],
|
|
1689
|
-
"scroll-margin-right": ["grid", "fluid-scroll-mr"],
|
|
1690
|
-
"scroll-margin-bottom": ["grid", "fluid-scroll-mb"],
|
|
1691
|
-
"scroll-margin-left": ["grid", "fluid-scroll-ml"],
|
|
1692
|
-
"scroll-padding": ["grid", "fluid-scroll-p"],
|
|
1693
|
-
"scroll-padding-block": ["grid", "fluid-scroll-py"],
|
|
1694
|
-
"scroll-padding-block-end": ["grid", "fluid-scroll-pb"],
|
|
1695
|
-
"scroll-padding-block-start": ["grid", "fluid-scroll-pt"],
|
|
1875
|
+
"scroll-margin-inline-end": ["grid", "fluid-scroll-mr-clamp"],
|
|
1876
|
+
"scroll-margin-inline-start": ["grid", "fluid-scroll-ml-clamp"],
|
|
1877
|
+
"scroll-margin-top": ["grid", "fluid-scroll-mt-clamp"],
|
|
1878
|
+
"scroll-margin-right": ["grid", "fluid-scroll-mr-clamp"],
|
|
1879
|
+
"scroll-margin-bottom": ["grid", "fluid-scroll-mb-clamp"],
|
|
1880
|
+
"scroll-margin-left": ["grid", "fluid-scroll-ml-clamp"],
|
|
1881
|
+
"scroll-padding": ["grid", "fluid-scroll-p-clamp"],
|
|
1882
|
+
"scroll-padding-block": ["grid", "fluid-scroll-py-clamp"],
|
|
1883
|
+
"scroll-padding-block-end": ["grid", "fluid-scroll-pb-clamp"],
|
|
1884
|
+
"scroll-padding-block-start": ["grid", "fluid-scroll-pt-clamp"],
|
|
1696
1885
|
"scroll-padding-inline": ["grid", "fluid-scroll-px"],
|
|
1697
|
-
"scroll-padding-inline-end": ["grid", "fluid-scroll-pr"],
|
|
1698
|
-
"scroll-padding-inline-start": ["grid", "fluid-scroll-pl"],
|
|
1699
|
-
"scroll-padding-top": ["grid", "fluid-scroll-pt"],
|
|
1700
|
-
"scroll-padding-right": ["grid", "fluid-scroll-pr"],
|
|
1701
|
-
"scroll-padding-bottom": ["grid", "fluid-scroll-pb"],
|
|
1702
|
-
"scroll-padding-left": ["grid", "fluid-scroll-pl"],
|
|
1886
|
+
"scroll-padding-inline-end": ["grid", "fluid-scroll-pr-clamp"],
|
|
1887
|
+
"scroll-padding-inline-start": ["grid", "fluid-scroll-pl-clamp"],
|
|
1888
|
+
"scroll-padding-top": ["grid", "fluid-scroll-pt-clamp"],
|
|
1889
|
+
"scroll-padding-right": ["grid", "fluid-scroll-pr-clamp"],
|
|
1890
|
+
"scroll-padding-bottom": ["grid", "fluid-scroll-pb-clamp"],
|
|
1891
|
+
"scroll-padding-left": ["grid", "fluid-scroll-pl-clamp"],
|
|
1703
1892
|
"shadow-color": ["color"],
|
|
1704
1893
|
stroke: ["color"],
|
|
1705
|
-
"stroke-width": ["grid", "fluid-stroke-width"],
|
|
1894
|
+
"stroke-width": ["grid", "fluid-stroke-width-clamp"],
|
|
1706
1895
|
"text-decoration-color": ["color"],
|
|
1707
|
-
"text-indent": ["grid", "fluid-text-indent"],
|
|
1896
|
+
"text-indent": ["grid", "fluid-text-indent-clamp"],
|
|
1708
1897
|
"text-shadow": ["shadow"],
|
|
1709
|
-
top: ["grid", "space", "fluid-top"],
|
|
1898
|
+
top: ["grid", "space", "fluid-top-clamp"],
|
|
1710
1899
|
transition: ["morph"],
|
|
1711
1900
|
"transition-duration": ["time"],
|
|
1712
1901
|
"transition-timing-function": ["ease"],
|
|
1713
1902
|
"transition-delay": ["time"],
|
|
1714
|
-
width: ["size", "grid", "fluid-width"]
|
|
1903
|
+
width: ["size", "grid", "fluid-width-clamp"]
|
|
1715
1904
|
}
|
|
1716
1905
|
});
|
|
1717
1906
|
|