@unocss/preset-wind 0.37.0 → 0.37.3
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/dist/index.cjs +48 -25
- package/dist/index.mjs +48 -25
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -150,10 +150,10 @@ const backgroundStyles = [
|
|
|
150
150
|
["bg-fixed", { "background-attachment": "fixed" }],
|
|
151
151
|
["bg-local", { "background-attachment": "local" }],
|
|
152
152
|
["bg-scroll", { "background-attachment": "scroll" }],
|
|
153
|
-
["bg-clip-border", { "-webkit-background-clip": "border-box", "background-
|
|
154
|
-
["bg-clip-content", { "-webkit-background-clip": "content-box", "background-
|
|
155
|
-
["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-
|
|
156
|
-
["bg-clip-text", { "-webkit-background-clip": "text", "background-
|
|
153
|
+
["bg-clip-border", { "-webkit-background-clip": "border-box", "background-clip": "border-box" }],
|
|
154
|
+
["bg-clip-content", { "-webkit-background-clip": "content-box", "background-clip": "content-box" }],
|
|
155
|
+
["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-clip": "padding-box" }],
|
|
156
|
+
["bg-clip-text", { "-webkit-background-clip": "text", "background-clip": "text" }],
|
|
157
157
|
[/^bg-([-\w]{3,})$/, ([, s]) => ({ "background-position": utils.positionMap[s] })],
|
|
158
158
|
["bg-repeat", { "background-repeat": "repeat" }],
|
|
159
159
|
["bg-no-repeat", { "background-repeat": "no-repeat" }],
|
|
@@ -296,9 +296,9 @@ const filterBase = {
|
|
|
296
296
|
"--un-hue-rotate": rules$1.varEmpty,
|
|
297
297
|
"--un-invert": rules$1.varEmpty,
|
|
298
298
|
"--un-saturate": rules$1.varEmpty,
|
|
299
|
-
"--un-sepia": rules$1.varEmpty
|
|
300
|
-
"--un-filter": "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)"
|
|
299
|
+
"--un-sepia": rules$1.varEmpty
|
|
301
300
|
};
|
|
301
|
+
const filterProperty = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)";
|
|
302
302
|
const backdropFilterBase = {
|
|
303
303
|
"--un-backdrop-blur": rules$1.varEmpty,
|
|
304
304
|
"--un-backdrop-brightness": rules$1.varEmpty,
|
|
@@ -308,9 +308,9 @@ const backdropFilterBase = {
|
|
|
308
308
|
"--un-backdrop-invert": rules$1.varEmpty,
|
|
309
309
|
"--un-backdrop-opacity": rules$1.varEmpty,
|
|
310
310
|
"--un-backdrop-saturate": rules$1.varEmpty,
|
|
311
|
-
"--un-backdrop-sepia": rules$1.varEmpty
|
|
312
|
-
"--un-backdrop-filter": "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)"
|
|
311
|
+
"--un-backdrop-sepia": rules$1.varEmpty
|
|
313
312
|
};
|
|
313
|
+
const backdropFilterProperty = "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)";
|
|
314
314
|
const percentWithDefault = (str) => {
|
|
315
315
|
let v = utils.handler.bracket.cssvar(str || "");
|
|
316
316
|
if (v != null)
|
|
@@ -325,13 +325,13 @@ const toFilter = (varName, resolver) => ([, b, s], { theme }) => {
|
|
|
325
325
|
if (b) {
|
|
326
326
|
return {
|
|
327
327
|
[`--un-${b}${varName}`]: `${varName}(${value})`,
|
|
328
|
-
"-webkit-backdrop-filter":
|
|
329
|
-
"backdrop-filter":
|
|
328
|
+
"-webkit-backdrop-filter": backdropFilterProperty,
|
|
329
|
+
"backdrop-filter": backdropFilterProperty
|
|
330
330
|
};
|
|
331
331
|
} else {
|
|
332
332
|
return {
|
|
333
333
|
[`--un-${varName}`]: `${varName}(${value})`,
|
|
334
|
-
filter:
|
|
334
|
+
filter: filterProperty
|
|
335
335
|
};
|
|
336
336
|
}
|
|
337
337
|
}
|
|
@@ -342,14 +342,14 @@ const dropShadowResolver = ([, s], { theme }) => {
|
|
|
342
342
|
const shadows = utils.colorableShadows(v, "--un-drop-shadow-color");
|
|
343
343
|
return {
|
|
344
344
|
"--un-drop-shadow": `drop-shadow(${shadows.join(") drop-shadow(")})`,
|
|
345
|
-
"filter":
|
|
345
|
+
"filter": filterProperty
|
|
346
346
|
};
|
|
347
347
|
}
|
|
348
348
|
v = utils.handler.bracket.cssvar(s);
|
|
349
349
|
if (v != null) {
|
|
350
350
|
return {
|
|
351
351
|
"--un-drop-shadow": `drop-shadow(${v})`,
|
|
352
|
-
"filter":
|
|
352
|
+
"filter": filterProperty
|
|
353
353
|
};
|
|
354
354
|
}
|
|
355
355
|
};
|
|
@@ -382,10 +382,10 @@ const filters = [
|
|
|
382
382
|
[/^(backdrop-)op(?:acity)-(.+)$/, toFilter("opacity", (s) => utils.handler.bracket.cssvar.percent(s)), { autocomplete: ["backdrop-(op|opacity)", "backdrop-(op|opacity)-<percent>"] }],
|
|
383
383
|
[/^(?:(backdrop-)|filter-)?saturate-(.+)$/, toFilter("saturate", (s) => utils.handler.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-saturate", "(backdrop|filter)-saturate-<percent>", "saturate-<percent>"] }],
|
|
384
384
|
[/^(?:(backdrop-)|filter-)?sepia(?:-(.+))?$/, toFilter("sepia", percentWithDefault), { autocomplete: ["(backdrop|filter)-sepia", "(backdrop|filter)-sepia-<percent>", "sepia-<percent>"] }],
|
|
385
|
-
["filter", { filter:
|
|
385
|
+
["filter", { filter: filterProperty }],
|
|
386
386
|
["backdrop-filter", {
|
|
387
|
-
"-webkit-backdrop-filter":
|
|
388
|
-
"backdrop-filter":
|
|
387
|
+
"-webkit-backdrop-filter": backdropFilterProperty,
|
|
388
|
+
"backdrop-filter": backdropFilterProperty
|
|
389
389
|
}],
|
|
390
390
|
["filter-none", { filter: "none" }],
|
|
391
391
|
["backdrop-filter-none", {
|
|
@@ -530,6 +530,11 @@ const mixBlendModes = [
|
|
|
530
530
|
["mix-blend-normal", { "mix-blend-mode": "normal" }]
|
|
531
531
|
];
|
|
532
532
|
|
|
533
|
+
const borderSpacingBase = {
|
|
534
|
+
"--un-border-spacing-x": 0,
|
|
535
|
+
"--un-border-spacing-y": 0
|
|
536
|
+
};
|
|
537
|
+
const borderSpacingProperty = "var(--un-border-spacing-x) var(--un-border-spacing-y)";
|
|
533
538
|
const tables = [
|
|
534
539
|
["inline-table", { display: "inline-table" }],
|
|
535
540
|
["table", { display: "table" }],
|
|
@@ -543,7 +548,25 @@ const tables = [
|
|
|
543
548
|
["table-row-group", { display: "table-row-group" }],
|
|
544
549
|
["border-collapse", { "border-collapse": "collapse" }],
|
|
545
550
|
["border-separate", { "border-collapse": "separate" }],
|
|
546
|
-
[/^border-spacing-(.+)$/, ([,
|
|
551
|
+
[/^border-spacing-(.+)$/, ([, s], { theme }) => {
|
|
552
|
+
const v = theme.spacing?.[s] ?? utils.handler.bracket.cssvar.global.auto.fraction.rem(s);
|
|
553
|
+
if (v != null) {
|
|
554
|
+
return {
|
|
555
|
+
"--un-border-spacing-x": v,
|
|
556
|
+
"--un-border-spacing-y": v,
|
|
557
|
+
"border-spacing": borderSpacingProperty
|
|
558
|
+
};
|
|
559
|
+
}
|
|
560
|
+
}, { autocomplete: ["border-spacing", "border-spacing-$spacing"] }],
|
|
561
|
+
[/^border-spacing-([xy])-(.+)$/, ([, d, s], { theme }) => {
|
|
562
|
+
const v = theme.spacing?.[s] ?? utils.handler.bracket.cssvar.global.auto.fraction.rem(s);
|
|
563
|
+
if (v != null) {
|
|
564
|
+
return {
|
|
565
|
+
[`--un-border-spacing-${d}`]: v,
|
|
566
|
+
"border-spacing": borderSpacingProperty
|
|
567
|
+
};
|
|
568
|
+
}
|
|
569
|
+
}, { autocomplete: ["border-spacing-(x|y)", "border-spacing-(x|y)-$spacing"] }],
|
|
547
570
|
["caption-top", { "caption-side": "top" }],
|
|
548
571
|
["caption-bottom", { "caption-side": "bottom" }],
|
|
549
572
|
["table-auto", { "table-layout": "auto" }],
|
|
@@ -626,12 +649,11 @@ const fontVariantNumericBase = {
|
|
|
626
649
|
"--un-slashed-zero": rules$1.varEmpty,
|
|
627
650
|
"--un-numeric-figure": rules$1.varEmpty,
|
|
628
651
|
"--un-numeric-spacing": rules$1.varEmpty,
|
|
629
|
-
"--un-numeric-fraction": rules$1.varEmpty
|
|
630
|
-
"--un-font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)"
|
|
652
|
+
"--un-numeric-fraction": rules$1.varEmpty
|
|
631
653
|
};
|
|
632
654
|
const toEntries = (entry) => ({
|
|
633
655
|
...entry,
|
|
634
|
-
"font-variant-numeric": "var(--un-
|
|
656
|
+
"font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)"
|
|
635
657
|
});
|
|
636
658
|
const fontVariantNumeric = [
|
|
637
659
|
[/^ordinal$/, () => toEntries({ "--un-ordinal": "ordinal" }), { autocomplete: "ordinal" }],
|
|
@@ -648,21 +670,21 @@ const fontVariantNumeric = [
|
|
|
648
670
|
const touchActionBase = {
|
|
649
671
|
"--un-pan-x": rules$1.varEmpty,
|
|
650
672
|
"--un-pan-y": rules$1.varEmpty,
|
|
651
|
-
"--un-pinch-zoom": rules$1.varEmpty
|
|
652
|
-
"--un-touch-action": "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)"
|
|
673
|
+
"--un-pinch-zoom": rules$1.varEmpty
|
|
653
674
|
};
|
|
675
|
+
const touchActionProperty = "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)";
|
|
654
676
|
const touchActions = [
|
|
655
677
|
[/^touch-pan-(x|left|right)$/, ([, d]) => ({
|
|
656
678
|
"--un-pan-x": `pan-${d}`,
|
|
657
|
-
"touch-action":
|
|
679
|
+
"touch-action": touchActionProperty
|
|
658
680
|
}), { autocomplete: ["touch-pan", "touch-pan-(x|left|right|y|up|down)"] }],
|
|
659
681
|
[/^touch-pan-(y|up|down)$/, ([, d]) => ({
|
|
660
682
|
"--un-pan-y": `pan-${d}`,
|
|
661
|
-
"touch-action":
|
|
683
|
+
"touch-action": touchActionProperty
|
|
662
684
|
})],
|
|
663
685
|
["touch-pinch-zoom", {
|
|
664
686
|
"--un-pinch-zoom": "pinch-zoom",
|
|
665
|
-
"touch-action":
|
|
687
|
+
"touch-action": touchActionProperty
|
|
666
688
|
}],
|
|
667
689
|
["touch-auto", { "touch-action": "auto" }],
|
|
668
690
|
["touch-manipulation", { "touch-action": "manipulation" }],
|
|
@@ -977,6 +999,7 @@ const theme = {
|
|
|
977
999
|
...touchActionBase,
|
|
978
1000
|
...scrollSnapTypeBase,
|
|
979
1001
|
...fontVariantNumericBase,
|
|
1002
|
+
...borderSpacingBase,
|
|
980
1003
|
...rules$1.boxShadowsBase,
|
|
981
1004
|
...rules$1.ringBase,
|
|
982
1005
|
...filterBase,
|
package/dist/index.mjs
CHANGED
|
@@ -147,10 +147,10 @@ const backgroundStyles = [
|
|
|
147
147
|
["bg-fixed", { "background-attachment": "fixed" }],
|
|
148
148
|
["bg-local", { "background-attachment": "local" }],
|
|
149
149
|
["bg-scroll", { "background-attachment": "scroll" }],
|
|
150
|
-
["bg-clip-border", { "-webkit-background-clip": "border-box", "background-
|
|
151
|
-
["bg-clip-content", { "-webkit-background-clip": "content-box", "background-
|
|
152
|
-
["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-
|
|
153
|
-
["bg-clip-text", { "-webkit-background-clip": "text", "background-
|
|
150
|
+
["bg-clip-border", { "-webkit-background-clip": "border-box", "background-clip": "border-box" }],
|
|
151
|
+
["bg-clip-content", { "-webkit-background-clip": "content-box", "background-clip": "content-box" }],
|
|
152
|
+
["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-clip": "padding-box" }],
|
|
153
|
+
["bg-clip-text", { "-webkit-background-clip": "text", "background-clip": "text" }],
|
|
154
154
|
[/^bg-([-\w]{3,})$/, ([, s]) => ({ "background-position": positionMap[s] })],
|
|
155
155
|
["bg-repeat", { "background-repeat": "repeat" }],
|
|
156
156
|
["bg-no-repeat", { "background-repeat": "no-repeat" }],
|
|
@@ -293,9 +293,9 @@ const filterBase = {
|
|
|
293
293
|
"--un-hue-rotate": varEmpty,
|
|
294
294
|
"--un-invert": varEmpty,
|
|
295
295
|
"--un-saturate": varEmpty,
|
|
296
|
-
"--un-sepia": varEmpty
|
|
297
|
-
"--un-filter": "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)"
|
|
296
|
+
"--un-sepia": varEmpty
|
|
298
297
|
};
|
|
298
|
+
const filterProperty = "var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)";
|
|
299
299
|
const backdropFilterBase = {
|
|
300
300
|
"--un-backdrop-blur": varEmpty,
|
|
301
301
|
"--un-backdrop-brightness": varEmpty,
|
|
@@ -305,9 +305,9 @@ const backdropFilterBase = {
|
|
|
305
305
|
"--un-backdrop-invert": varEmpty,
|
|
306
306
|
"--un-backdrop-opacity": varEmpty,
|
|
307
307
|
"--un-backdrop-saturate": varEmpty,
|
|
308
|
-
"--un-backdrop-sepia": varEmpty
|
|
309
|
-
"--un-backdrop-filter": "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)"
|
|
308
|
+
"--un-backdrop-sepia": varEmpty
|
|
310
309
|
};
|
|
310
|
+
const backdropFilterProperty = "var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)";
|
|
311
311
|
const percentWithDefault = (str) => {
|
|
312
312
|
let v = handler.bracket.cssvar(str || "");
|
|
313
313
|
if (v != null)
|
|
@@ -322,13 +322,13 @@ const toFilter = (varName, resolver) => ([, b, s], { theme }) => {
|
|
|
322
322
|
if (b) {
|
|
323
323
|
return {
|
|
324
324
|
[`--un-${b}${varName}`]: `${varName}(${value})`,
|
|
325
|
-
"-webkit-backdrop-filter":
|
|
326
|
-
"backdrop-filter":
|
|
325
|
+
"-webkit-backdrop-filter": backdropFilterProperty,
|
|
326
|
+
"backdrop-filter": backdropFilterProperty
|
|
327
327
|
};
|
|
328
328
|
} else {
|
|
329
329
|
return {
|
|
330
330
|
[`--un-${varName}`]: `${varName}(${value})`,
|
|
331
|
-
filter:
|
|
331
|
+
filter: filterProperty
|
|
332
332
|
};
|
|
333
333
|
}
|
|
334
334
|
}
|
|
@@ -339,14 +339,14 @@ const dropShadowResolver = ([, s], { theme }) => {
|
|
|
339
339
|
const shadows = colorableShadows(v, "--un-drop-shadow-color");
|
|
340
340
|
return {
|
|
341
341
|
"--un-drop-shadow": `drop-shadow(${shadows.join(") drop-shadow(")})`,
|
|
342
|
-
"filter":
|
|
342
|
+
"filter": filterProperty
|
|
343
343
|
};
|
|
344
344
|
}
|
|
345
345
|
v = handler.bracket.cssvar(s);
|
|
346
346
|
if (v != null) {
|
|
347
347
|
return {
|
|
348
348
|
"--un-drop-shadow": `drop-shadow(${v})`,
|
|
349
|
-
"filter":
|
|
349
|
+
"filter": filterProperty
|
|
350
350
|
};
|
|
351
351
|
}
|
|
352
352
|
};
|
|
@@ -379,10 +379,10 @@ const filters = [
|
|
|
379
379
|
[/^(backdrop-)op(?:acity)-(.+)$/, toFilter("opacity", (s) => handler.bracket.cssvar.percent(s)), { autocomplete: ["backdrop-(op|opacity)", "backdrop-(op|opacity)-<percent>"] }],
|
|
380
380
|
[/^(?:(backdrop-)|filter-)?saturate-(.+)$/, toFilter("saturate", (s) => handler.bracket.cssvar.percent(s)), { autocomplete: ["(backdrop|filter)-saturate", "(backdrop|filter)-saturate-<percent>", "saturate-<percent>"] }],
|
|
381
381
|
[/^(?:(backdrop-)|filter-)?sepia(?:-(.+))?$/, toFilter("sepia", percentWithDefault), { autocomplete: ["(backdrop|filter)-sepia", "(backdrop|filter)-sepia-<percent>", "sepia-<percent>"] }],
|
|
382
|
-
["filter", { filter:
|
|
382
|
+
["filter", { filter: filterProperty }],
|
|
383
383
|
["backdrop-filter", {
|
|
384
|
-
"-webkit-backdrop-filter":
|
|
385
|
-
"backdrop-filter":
|
|
384
|
+
"-webkit-backdrop-filter": backdropFilterProperty,
|
|
385
|
+
"backdrop-filter": backdropFilterProperty
|
|
386
386
|
}],
|
|
387
387
|
["filter-none", { filter: "none" }],
|
|
388
388
|
["backdrop-filter-none", {
|
|
@@ -527,6 +527,11 @@ const mixBlendModes = [
|
|
|
527
527
|
["mix-blend-normal", { "mix-blend-mode": "normal" }]
|
|
528
528
|
];
|
|
529
529
|
|
|
530
|
+
const borderSpacingBase = {
|
|
531
|
+
"--un-border-spacing-x": 0,
|
|
532
|
+
"--un-border-spacing-y": 0
|
|
533
|
+
};
|
|
534
|
+
const borderSpacingProperty = "var(--un-border-spacing-x) var(--un-border-spacing-y)";
|
|
530
535
|
const tables = [
|
|
531
536
|
["inline-table", { display: "inline-table" }],
|
|
532
537
|
["table", { display: "table" }],
|
|
@@ -540,7 +545,25 @@ const tables = [
|
|
|
540
545
|
["table-row-group", { display: "table-row-group" }],
|
|
541
546
|
["border-collapse", { "border-collapse": "collapse" }],
|
|
542
547
|
["border-separate", { "border-collapse": "separate" }],
|
|
543
|
-
[/^border-spacing-(.+)$/, ([,
|
|
548
|
+
[/^border-spacing-(.+)$/, ([, s], { theme }) => {
|
|
549
|
+
const v = theme.spacing?.[s] ?? handler.bracket.cssvar.global.auto.fraction.rem(s);
|
|
550
|
+
if (v != null) {
|
|
551
|
+
return {
|
|
552
|
+
"--un-border-spacing-x": v,
|
|
553
|
+
"--un-border-spacing-y": v,
|
|
554
|
+
"border-spacing": borderSpacingProperty
|
|
555
|
+
};
|
|
556
|
+
}
|
|
557
|
+
}, { autocomplete: ["border-spacing", "border-spacing-$spacing"] }],
|
|
558
|
+
[/^border-spacing-([xy])-(.+)$/, ([, d, s], { theme }) => {
|
|
559
|
+
const v = theme.spacing?.[s] ?? handler.bracket.cssvar.global.auto.fraction.rem(s);
|
|
560
|
+
if (v != null) {
|
|
561
|
+
return {
|
|
562
|
+
[`--un-border-spacing-${d}`]: v,
|
|
563
|
+
"border-spacing": borderSpacingProperty
|
|
564
|
+
};
|
|
565
|
+
}
|
|
566
|
+
}, { autocomplete: ["border-spacing-(x|y)", "border-spacing-(x|y)-$spacing"] }],
|
|
544
567
|
["caption-top", { "caption-side": "top" }],
|
|
545
568
|
["caption-bottom", { "caption-side": "bottom" }],
|
|
546
569
|
["table-auto", { "table-layout": "auto" }],
|
|
@@ -623,12 +646,11 @@ const fontVariantNumericBase = {
|
|
|
623
646
|
"--un-slashed-zero": varEmpty,
|
|
624
647
|
"--un-numeric-figure": varEmpty,
|
|
625
648
|
"--un-numeric-spacing": varEmpty,
|
|
626
|
-
"--un-numeric-fraction": varEmpty
|
|
627
|
-
"--un-font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)"
|
|
649
|
+
"--un-numeric-fraction": varEmpty
|
|
628
650
|
};
|
|
629
651
|
const toEntries = (entry) => ({
|
|
630
652
|
...entry,
|
|
631
|
-
"font-variant-numeric": "var(--un-
|
|
653
|
+
"font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)"
|
|
632
654
|
});
|
|
633
655
|
const fontVariantNumeric = [
|
|
634
656
|
[/^ordinal$/, () => toEntries({ "--un-ordinal": "ordinal" }), { autocomplete: "ordinal" }],
|
|
@@ -645,21 +667,21 @@ const fontVariantNumeric = [
|
|
|
645
667
|
const touchActionBase = {
|
|
646
668
|
"--un-pan-x": varEmpty,
|
|
647
669
|
"--un-pan-y": varEmpty,
|
|
648
|
-
"--un-pinch-zoom": varEmpty
|
|
649
|
-
"--un-touch-action": "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)"
|
|
670
|
+
"--un-pinch-zoom": varEmpty
|
|
650
671
|
};
|
|
672
|
+
const touchActionProperty = "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)";
|
|
651
673
|
const touchActions = [
|
|
652
674
|
[/^touch-pan-(x|left|right)$/, ([, d]) => ({
|
|
653
675
|
"--un-pan-x": `pan-${d}`,
|
|
654
|
-
"touch-action":
|
|
676
|
+
"touch-action": touchActionProperty
|
|
655
677
|
}), { autocomplete: ["touch-pan", "touch-pan-(x|left|right|y|up|down)"] }],
|
|
656
678
|
[/^touch-pan-(y|up|down)$/, ([, d]) => ({
|
|
657
679
|
"--un-pan-y": `pan-${d}`,
|
|
658
|
-
"touch-action":
|
|
680
|
+
"touch-action": touchActionProperty
|
|
659
681
|
})],
|
|
660
682
|
["touch-pinch-zoom", {
|
|
661
683
|
"--un-pinch-zoom": "pinch-zoom",
|
|
662
|
-
"touch-action":
|
|
684
|
+
"touch-action": touchActionProperty
|
|
663
685
|
}],
|
|
664
686
|
["touch-auto", { "touch-action": "auto" }],
|
|
665
687
|
["touch-manipulation", { "touch-action": "manipulation" }],
|
|
@@ -974,6 +996,7 @@ const theme = {
|
|
|
974
996
|
...touchActionBase,
|
|
975
997
|
...scrollSnapTypeBase,
|
|
976
998
|
...fontVariantNumericBase,
|
|
999
|
+
...borderSpacingBase,
|
|
977
1000
|
...boxShadowsBase,
|
|
978
1001
|
...ringBase,
|
|
979
1002
|
...filterBase,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unocss/preset-wind",
|
|
3
|
-
"version": "0.37.
|
|
3
|
+
"version": "0.37.3",
|
|
4
4
|
"description": "Tailwind / Windi CSS compact preset for UnoCSS",
|
|
5
5
|
"author": "Anthony Fu <anthonyfu117@hotmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"*.css"
|
|
36
36
|
],
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@unocss/core": "0.37.
|
|
39
|
-
"@unocss/preset-mini": "0.37.
|
|
38
|
+
"@unocss/core": "0.37.3",
|
|
39
|
+
"@unocss/preset-mini": "0.37.3"
|
|
40
40
|
},
|
|
41
41
|
"scripts": {
|
|
42
42
|
"build": "unbuild",
|