@unocss/preset-mini 0.15.5 → 0.16.2
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/chunks/default2.cjs +133 -187
- package/dist/chunks/default2.mjs +131 -165
- package/dist/chunks/default3.cjs +8 -6
- package/dist/chunks/default3.mjs +8 -6
- package/dist/chunks/index.cjs +7 -39
- package/dist/chunks/index.mjs +6 -30
- package/dist/rules.cjs +3 -23
- package/dist/rules.d.ts +8 -27
- package/dist/rules.mjs +1 -1
- package/dist/utils.cjs +3 -10
- package/dist/utils.d.ts +4 -12
- package/dist/utils.mjs +2 -1
- package/package.json +2 -2
package/dist/chunks/default2.cjs
CHANGED
|
@@ -80,22 +80,6 @@ const textColors = [
|
|
|
80
80
|
[/^(?:text|color|c)-(.+)$/, colorResolver$1("color", "text")],
|
|
81
81
|
[/^(?:text|color|c)-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-opacity": index.handler.bracket.percent.cssvar(opacity2) })]
|
|
82
82
|
];
|
|
83
|
-
const textDecorationColors = [
|
|
84
|
-
[/^underline-(.+)$/, (match, ctx) => {
|
|
85
|
-
const result = colorResolver$1("text-decoration-color", "line")(match, ctx);
|
|
86
|
-
if (result) {
|
|
87
|
-
return {
|
|
88
|
-
"-webkit-text-decoration-color": result["text-decoration-color"],
|
|
89
|
-
...result
|
|
90
|
-
};
|
|
91
|
-
}
|
|
92
|
-
}],
|
|
93
|
-
[/^underline-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-line-opacity": index.handler.bracket.percent(opacity2) })]
|
|
94
|
-
];
|
|
95
|
-
const textStrokeColors = [
|
|
96
|
-
[/^text-stroke-(.+)$/, colorResolver$1("-webkit-text-stroke-color", "text-stroke")],
|
|
97
|
-
[/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-text-stroke-opacity": index.handler.bracket.percent(opacity2) })]
|
|
98
|
-
];
|
|
99
83
|
const bgColors = [
|
|
100
84
|
[/^bg-(.+)$/, colorResolver$1("background-color", "bg")],
|
|
101
85
|
[/^bg-op(?:acity)?-?(.+)$/m, ([, opacity2]) => ({ "--un-bg-opacity": index.handler.bracket.percent(opacity2) })]
|
|
@@ -180,39 +164,51 @@ const placeholder = [
|
|
|
180
164
|
]
|
|
181
165
|
];
|
|
182
166
|
|
|
183
|
-
const
|
|
167
|
+
const borders = [
|
|
184
168
|
[/^border$/, handlerBorder],
|
|
185
|
-
[/^(?:border|b)(
|
|
186
|
-
[/^(?:border|b)(
|
|
187
|
-
]
|
|
188
|
-
|
|
189
|
-
[/^(?:border
|
|
190
|
-
[/^(?:border
|
|
191
|
-
[/^(?:border-
|
|
192
|
-
];
|
|
193
|
-
const borderStyles = [
|
|
169
|
+
[/^(?:border|b)()-(.+)$/, handlerBorder],
|
|
170
|
+
[/^(?:border|b)-([^-]+)-(.+)$/, handlerBorder],
|
|
171
|
+
[/^(?:border|b)()-size-(.+)$/, handlerBorderSize],
|
|
172
|
+
[/^(?:border|b)-([^-]+)-size-(.+)$/, handlerBorderSize],
|
|
173
|
+
[/^(?:border|b)()-(.+)$/, handlerBorderColor],
|
|
174
|
+
[/^(?:border|b)-([^-]+)-(.+)$/, handlerBorderColor],
|
|
175
|
+
[/^(?:border|b)-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-border-opacity": index.handler.bracket.percent(opacity) })],
|
|
194
176
|
["border-solid", { "border-style": "solid" }],
|
|
195
177
|
["border-dashed", { "border-style": "dashed" }],
|
|
196
178
|
["border-dotted", { "border-style": "dotted" }],
|
|
197
179
|
["border-double", { "border-style": "double" }],
|
|
198
|
-
["border-none", { "border-style": "none" }]
|
|
180
|
+
["border-none", { "border-style": "none" }],
|
|
181
|
+
[/^(?:border-)?(?:rounded|rd)$/, handlerRounded],
|
|
182
|
+
[/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?$/, handlerRounded],
|
|
183
|
+
[/^(?:border-)?(?:rounded|rd)(?:-([^-]+))?(?:-([^-]+))?$/, handlerRounded]
|
|
199
184
|
];
|
|
200
|
-
|
|
201
|
-
borderSizes
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
]
|
|
206
|
-
|
|
185
|
+
function handlerBorder(m) {
|
|
186
|
+
const borderSizes = handlerBorderSize(m);
|
|
187
|
+
if (borderSizes) {
|
|
188
|
+
return [
|
|
189
|
+
...borderSizes,
|
|
190
|
+
["border-style", "solid"]
|
|
191
|
+
];
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
function handlerBorderSize([, a, b]) {
|
|
207
195
|
const [d, s = "1"] = index.directionMap[a] ? [a, b] : ["", a];
|
|
208
196
|
const v = index.handler.bracket.px(s);
|
|
209
197
|
if (v != null) {
|
|
210
198
|
return [
|
|
211
|
-
...index.directionMap[d].map((i) => [`border${i}-width`, v])
|
|
212
|
-
["border-style", "solid"]
|
|
199
|
+
...index.directionMap[d].map((i) => [`border${i}-width`, v])
|
|
213
200
|
];
|
|
214
201
|
}
|
|
215
202
|
}
|
|
203
|
+
function handlerBorderColor([, a, c], ctx) {
|
|
204
|
+
const ofColor = colorResolver$1("border-color", "border")(["", c], ctx);
|
|
205
|
+
if (ofColor) {
|
|
206
|
+
const borders2 = index.directionMap[index.directionMap[a] ? a : ""].map((i) => colorResolver$1(`border${i}-color`, "border")(["", c], ctx));
|
|
207
|
+
const borderObject = {};
|
|
208
|
+
Object.assign(borderObject, ...borders2);
|
|
209
|
+
return borderObject;
|
|
210
|
+
}
|
|
211
|
+
}
|
|
216
212
|
function handlerRounded([, a, b], { theme }) {
|
|
217
213
|
const [d, s = "DEFAULT"] = index.cornerMap[a] ? [a, b] : ["", a];
|
|
218
214
|
const v = theme.borderRadius?.[s] || index.handler.bracket.fraction.rem(s);
|
|
@@ -311,37 +307,27 @@ const transitions = [
|
|
|
311
307
|
];
|
|
312
308
|
|
|
313
309
|
const flex = [
|
|
314
|
-
["flex
|
|
315
|
-
["flex
|
|
316
|
-
["flex-
|
|
317
|
-
["flex-row-reverse", { "flex-direction": "row-reverse" }],
|
|
318
|
-
["flex-wrap", { "flex-wrap": "wrap" }],
|
|
319
|
-
["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
|
|
320
|
-
["flex-nowrap", { "flex-wrap": "nowrap" }],
|
|
310
|
+
["flex", { display: "flex" }],
|
|
311
|
+
["inline-flex", { display: "inline-flex" }],
|
|
312
|
+
["flex-inline", { display: "inline-flex" }],
|
|
321
313
|
["flex-1", { flex: "1 1 0%" }],
|
|
322
314
|
["flex-auto", { flex: "1 1 auto" }],
|
|
323
315
|
["flex-initial", { flex: "0 1 auto" }],
|
|
324
316
|
["flex-none", { flex: "none" }],
|
|
325
317
|
[/^flex-\[(.+)\]$/, ([, d]) => ({ flex: d })],
|
|
326
|
-
["flex-grow", { "flex-grow": 1 }],
|
|
327
|
-
["flex-grow-0", { "flex-grow": 0 }],
|
|
328
318
|
["flex-shrink", { "flex-shrink": 1 }],
|
|
329
319
|
["flex-shrink-0", { "flex-shrink": 0 }],
|
|
330
|
-
["flex", {
|
|
331
|
-
["
|
|
332
|
-
["flex-
|
|
320
|
+
["flex-grow", { "flex-grow": 1 }],
|
|
321
|
+
["flex-grow-0", { "flex-grow": 0 }],
|
|
322
|
+
["flex-row", { "flex-direction": "row" }],
|
|
323
|
+
["flex-row-reverse", { "flex-direction": "row-reverse" }],
|
|
324
|
+
["flex-col", { "flex-direction": "column" }],
|
|
325
|
+
["flex-col-reverse", { "flex-direction": "column-reverse" }],
|
|
326
|
+
["flex-wrap", { "flex-wrap": "wrap" }],
|
|
327
|
+
["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
|
|
328
|
+
["flex-nowrap", { "flex-wrap": "nowrap" }]
|
|
333
329
|
];
|
|
334
330
|
|
|
335
|
-
const fontsFamilies = [
|
|
336
|
-
[/^font-(\w+)$/, ([, d], { theme }) => {
|
|
337
|
-
const font = theme.fontFamily?.[d];
|
|
338
|
-
if (font) {
|
|
339
|
-
return {
|
|
340
|
-
"font-family": font
|
|
341
|
-
};
|
|
342
|
-
}
|
|
343
|
-
}]
|
|
344
|
-
];
|
|
345
331
|
const weightMap = {
|
|
346
332
|
thin: "100",
|
|
347
333
|
extralight: "200",
|
|
@@ -353,7 +339,15 @@ const weightMap = {
|
|
|
353
339
|
extrabold: "800",
|
|
354
340
|
black: "900"
|
|
355
341
|
};
|
|
356
|
-
const
|
|
342
|
+
const fonts = [
|
|
343
|
+
[/^font-(\w+)$/, ([, d], { theme }) => {
|
|
344
|
+
const font = theme.fontFamily?.[d];
|
|
345
|
+
if (font) {
|
|
346
|
+
return {
|
|
347
|
+
"font-family": font
|
|
348
|
+
};
|
|
349
|
+
}
|
|
350
|
+
}],
|
|
357
351
|
[/^text-(.+)$/, ([, s = "base"], { theme }) => {
|
|
358
352
|
const size = index.handler.bracket.rem(s);
|
|
359
353
|
if (size)
|
|
@@ -366,30 +360,27 @@ const fontSizes = [
|
|
|
366
360
|
"line-height": height
|
|
367
361
|
};
|
|
368
362
|
}
|
|
369
|
-
}]
|
|
370
|
-
]
|
|
371
|
-
const
|
|
363
|
+
}],
|
|
364
|
+
[/^text-size-(.+)$/, ([, s]) => {
|
|
365
|
+
const raw = index.handler.bracket.rem(s);
|
|
366
|
+
if (raw)
|
|
367
|
+
return { "font-size": raw };
|
|
368
|
+
}],
|
|
372
369
|
[/^(?:font|fw)-?([^-]+)$/, ([, s]) => {
|
|
373
370
|
const v = weightMap[s] || index.handler.number(s);
|
|
374
371
|
if (v)
|
|
375
372
|
return { "font-weight": v };
|
|
376
|
-
}]
|
|
377
|
-
];
|
|
378
|
-
const leadings = [
|
|
373
|
+
}],
|
|
379
374
|
[/^(?:leading|lh)-([^-]+)$/, ([, s], { theme }) => {
|
|
380
375
|
const v = theme.lineHeight?.[s] || index.handler.bracket.rem(s);
|
|
381
376
|
if (v !== null)
|
|
382
377
|
return { "line-height": v };
|
|
383
|
-
}]
|
|
384
|
-
];
|
|
385
|
-
const trackings = [
|
|
378
|
+
}],
|
|
386
379
|
[/^tracking-([^-]+)$/, ([, s], { theme }) => {
|
|
387
380
|
const v = theme.letterSpacing?.[s] || index.handler.bracket.rem(s);
|
|
388
381
|
if (v !== null)
|
|
389
382
|
return { "letter-spacing": v };
|
|
390
|
-
}]
|
|
391
|
-
];
|
|
392
|
-
const wordSpacings = [
|
|
383
|
+
}],
|
|
393
384
|
[/^word-spacing-([^-]+)$/, ([, s], { theme }) => {
|
|
394
385
|
const v = theme.wordSpacing?.[s] || index.handler.bracket.rem(s);
|
|
395
386
|
if (v !== null)
|
|
@@ -409,20 +400,6 @@ const tabSizes = [
|
|
|
409
400
|
}
|
|
410
401
|
}]
|
|
411
402
|
];
|
|
412
|
-
const textDecorationLengths = [
|
|
413
|
-
[/^underline-([^-]+)$/, ([, s]) => {
|
|
414
|
-
const v = s === "auto" ? s : index.handler.bracket.px(s);
|
|
415
|
-
if (v != null)
|
|
416
|
-
return { "text-decoration-thickness": v };
|
|
417
|
-
}]
|
|
418
|
-
];
|
|
419
|
-
const textDecorationOffsets = [
|
|
420
|
-
[/^underline-offset-([^-]+)$/, ([, s]) => {
|
|
421
|
-
const v = s === "auto" ? s : index.handler.bracket.px(s);
|
|
422
|
-
if (v != null)
|
|
423
|
-
return { "text-underline-offset": v };
|
|
424
|
-
}]
|
|
425
|
-
];
|
|
426
403
|
const textIndents = [
|
|
427
404
|
[/^indent(?:-(.+))?$/, ([, s], { theme }) => {
|
|
428
405
|
const v = theme.textIndent?.[s || "DEFAULT"] || index.handler.bracket.cssvar.fraction.rem(s);
|
|
@@ -430,12 +407,14 @@ const textIndents = [
|
|
|
430
407
|
return { "text-indent": v };
|
|
431
408
|
}]
|
|
432
409
|
];
|
|
433
|
-
const
|
|
410
|
+
const textStrokes = [
|
|
434
411
|
[/^text-stroke(?:-(.+))?$/, ([, s], { theme }) => {
|
|
435
412
|
const v = theme.textStrokeWidth?.[s || "DEFAULT"] || index.handler.bracket.cssvar.px(s);
|
|
436
413
|
if (v != null)
|
|
437
414
|
return { "-webkit-text-stroke-width": v };
|
|
438
|
-
}]
|
|
415
|
+
}],
|
|
416
|
+
[/^text-stroke-(.+)$/, colorResolver$1("-webkit-text-stroke-color", "text-stroke")],
|
|
417
|
+
[/^text-stroke-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-text-stroke-opacity": index.handler.bracket.percent(opacity) })]
|
|
439
418
|
];
|
|
440
419
|
const textShadows = [
|
|
441
420
|
[/^text-shadow(?:-(.+))?$/, ([, s], { theme }) => {
|
|
@@ -444,11 +423,6 @@ const textShadows = [
|
|
|
444
423
|
return { "text-shadow": v };
|
|
445
424
|
}]
|
|
446
425
|
];
|
|
447
|
-
const fonts = [
|
|
448
|
-
fontsFamilies,
|
|
449
|
-
fontSizes,
|
|
450
|
-
fontWeights
|
|
451
|
-
].flat(1);
|
|
452
426
|
|
|
453
427
|
const gaps = [
|
|
454
428
|
[/^(?:flex-|grid-)?gap-([^-]+)$/, ([, s]) => {
|
|
@@ -493,12 +467,10 @@ const autoDirection = (selector, theme) => {
|
|
|
493
467
|
const grids = [
|
|
494
468
|
["grid", { display: "grid" }],
|
|
495
469
|
["inline-grid", { display: "inline-grid" }],
|
|
496
|
-
[/^grid-
|
|
497
|
-
[/^grid-
|
|
498
|
-
[/^grid-
|
|
499
|
-
[/^grid-
|
|
500
|
-
[/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
|
|
501
|
-
[/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })],
|
|
470
|
+
[/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
|
|
471
|
+
[/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
|
|
472
|
+
[/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
|
|
473
|
+
[/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
|
|
502
474
|
[/^(?:grid-)?(row|col)-(.+)$/, ([, d, v]) => {
|
|
503
475
|
const key = d === "row" ? "grid-row" : "grid-column";
|
|
504
476
|
let raw = index.handler.bracket(v);
|
|
@@ -515,13 +487,15 @@ const grids = [
|
|
|
515
487
|
return { [key]: `span ${raw}/span ${raw}` };
|
|
516
488
|
}
|
|
517
489
|
}],
|
|
490
|
+
[/^(?:grid-)?auto-cols-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-columns": `${autoDirection(v, theme)}` })],
|
|
518
491
|
[/^(?:grid-)?auto-flow-([\w.-]+)$/, ([, v]) => ({ "grid-auto-flow": `${v.replace("col", "column").split("-").join(" ")}` })],
|
|
519
|
-
[/^(?:grid-)?row-start-([\w.-]+)$/, ([, v]) => ({ "grid-row-start": `${v}` })],
|
|
520
|
-
[/^(?:grid-)?row-end-([\w.-]+)$/, ([, v]) => ({ "grid-row-end": `${v}` })],
|
|
521
|
-
[/^(?:grid-)?col-start-([\w.-]+)$/, ([, v]) => ({ "grid-column-start": `${v}` })],
|
|
522
|
-
[/^(?:grid-)?col-end-([\w.]+)$/, ([, v]) => ({ "grid-column-end": `${v}` })],
|
|
523
492
|
[/^(?:grid-)?auto-rows-([\w.-]+)$/, ([, v], { theme }) => ({ "grid-auto-rows": `${autoDirection(v, theme)}` })],
|
|
524
|
-
[/^
|
|
493
|
+
[/^grid-cols-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-columns": `repeat(auto-fill, minmax(${d}, 1fr))` })],
|
|
494
|
+
[/^grid-rows-minmax-([\w.-]+)$/, ([, d]) => ({ "grid-template-rows": `repeat(auto-fill, minmax(${d}, 1fr))` })],
|
|
495
|
+
[/^grid-cols-(\d+)$/, ([, d]) => ({ "grid-template-columns": `repeat(${d},minmax(0,1fr))` })],
|
|
496
|
+
[/^grid-rows-(\d+)$/, ([, d]) => ({ "grid-template-rows": `repeat(${d},minmax(0,1fr))` })],
|
|
497
|
+
[/^grid-cols-\[(.+)\]$/, ([, v]) => ({ "grid-template-columns": v.replace(/,/g, " ") })],
|
|
498
|
+
[/^grid-rows-\[(.+)\]$/, ([, v]) => ({ "grid-template-rows": v.replace(/,/g, " ") })]
|
|
525
499
|
];
|
|
526
500
|
|
|
527
501
|
const overflowValues = [
|
|
@@ -535,6 +509,7 @@ const overflows = [
|
|
|
535
509
|
[/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overflow-${d}`]: v } : void 0]
|
|
536
510
|
];
|
|
537
511
|
|
|
512
|
+
const basicSet = ["auto", "start", "end", "center", "stretch"];
|
|
538
513
|
const positions = [
|
|
539
514
|
["relative", { position: "relative" }],
|
|
540
515
|
["absolute", { position: "absolute" }],
|
|
@@ -548,47 +523,42 @@ const justifies = [
|
|
|
548
523
|
["justify-center", { "justify-content": "center" }],
|
|
549
524
|
["justify-between", { "justify-content": "space-between" }],
|
|
550
525
|
["justify-around", { "justify-content": "space-around" }],
|
|
551
|
-
["justify-evenly", { "justify-content": "space-evenly" }]
|
|
526
|
+
["justify-evenly", { "justify-content": "space-evenly" }],
|
|
527
|
+
...basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]),
|
|
528
|
+
...basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }])
|
|
552
529
|
];
|
|
553
530
|
const orders = [
|
|
554
531
|
[/^order-(.+)$/, ([, v]) => ({ order: { first: "-9999", last: "9999", none: "0" }[v] || index.handler.bracket.number(v) })]
|
|
555
532
|
];
|
|
556
|
-
const
|
|
557
|
-
const justifyItems = basicSet.map((i) => [`justify-items-${i}`, { "justify-items": i }]);
|
|
558
|
-
const justifySelfs = basicSet.map((i) => [`justify-self-${i}`, { "justify-self": i }]);
|
|
559
|
-
const alignContents = [
|
|
533
|
+
const alignments = [
|
|
560
534
|
["content-start", { "align-content": "flex-start" }],
|
|
561
535
|
["content-end", { "align-content": "flex-end" }],
|
|
562
536
|
["content-center", { "align-content": "center" }],
|
|
563
537
|
["content-between", { "align-content": "space-between" }],
|
|
564
538
|
["content-around", { "align-content": "space-around" }],
|
|
565
|
-
["content-evenly", { "align-content": "space-evenly" }]
|
|
566
|
-
];
|
|
567
|
-
const alignItems = [
|
|
539
|
+
["content-evenly", { "align-content": "space-evenly" }],
|
|
568
540
|
["items-start", { "align-items": "flex-start" }],
|
|
569
541
|
["items-end", { "align-items": "flex-end" }],
|
|
570
542
|
["items-center", { "align-items": "center" }],
|
|
571
543
|
["items-baseline", { "align-items": "baseline" }],
|
|
572
|
-
["items-stretch", { "align-items": "stretch" }]
|
|
573
|
-
];
|
|
574
|
-
const alignSelfs = [
|
|
544
|
+
["items-stretch", { "align-items": "stretch" }],
|
|
575
545
|
["self-auto", { "align-self": "auto" }],
|
|
576
546
|
["self-start", { "align-self": "flex-start" }],
|
|
577
547
|
["self-end", { "align-self": "flex-end" }],
|
|
578
548
|
["self-center", { "align-self": "center" }],
|
|
579
549
|
["self-stretch", { "align-items": "stretch" }]
|
|
580
550
|
];
|
|
581
|
-
const
|
|
551
|
+
const placements = [
|
|
582
552
|
["place-content-start", { "place-content": "start" }],
|
|
583
553
|
["place-content-end", { "place-content": "end" }],
|
|
584
554
|
["place-content-center", { "place-content": "center" }],
|
|
585
555
|
["place-content-between", { "place-content": "space-between" }],
|
|
586
556
|
["place-content-around", { "place-content": "space-around" }],
|
|
587
557
|
["place-content-evenly", { "place-content": "space-evenly" }],
|
|
588
|
-
["place-content-stretch", { "place-content": "stretch" }]
|
|
558
|
+
["place-content-stretch", { "place-content": "stretch" }],
|
|
559
|
+
...basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]),
|
|
560
|
+
...basicSet.map((i) => [`place-self-${i}`, { "place-self": i }])
|
|
589
561
|
];
|
|
590
|
-
const placeItems = basicSet.map((i) => [`place-items-${i}`, { "place-items": i }]);
|
|
591
|
-
const placeSelfs = basicSet.map((i) => [`place-self-${i}`, { "place-self": i }]);
|
|
592
562
|
function handleInsetValue(v) {
|
|
593
563
|
return { auto: "auto", full: "100%" }[v] ?? index.handler.bracket.fraction.cssvar.rem(v);
|
|
594
564
|
}
|
|
@@ -779,17 +749,6 @@ const textTransforms = [
|
|
|
779
749
|
["case-capital", { "text-transform": "capitalize" }],
|
|
780
750
|
["case-normal", { "text-transform": "none" }]
|
|
781
751
|
];
|
|
782
|
-
const textDecorations = [
|
|
783
|
-
["underline", { "text-decoration": "underline" }],
|
|
784
|
-
["line-through", { "text-decoration": "line-through" }],
|
|
785
|
-
["no-underline", { "text-decoration": "none" }]
|
|
786
|
-
];
|
|
787
|
-
const textDecorationStyles = [
|
|
788
|
-
["underline-solid", { "text-decoration-style": "solid" }],
|
|
789
|
-
["underline-double", { "text-decoration-style": "double" }],
|
|
790
|
-
["underline-dotted", { "text-decoration-style": "dotted" }],
|
|
791
|
-
["underline-dashed", { "text-decoration-style": "dashed" }]
|
|
792
|
-
];
|
|
793
752
|
const fontStyles = [
|
|
794
753
|
["italic", { "font-style": "italic" }],
|
|
795
754
|
["not-italic", { "font-style": "normal" }]
|
|
@@ -887,19 +846,12 @@ const variablesAbbrMap = {
|
|
|
887
846
|
"backface": "backface-visibility",
|
|
888
847
|
"whitespace": "white-space",
|
|
889
848
|
"break": "word-break",
|
|
849
|
+
"b": "border-color",
|
|
850
|
+
"border": "border-color",
|
|
890
851
|
"color": "color",
|
|
891
852
|
"case": "text-transform",
|
|
892
|
-
"write": "writing-mode",
|
|
893
|
-
"write-orient": "text-orientation",
|
|
894
853
|
"origin": "transform-origin",
|
|
895
854
|
"bg": "background-color",
|
|
896
|
-
"bg-blend": "background-blend-mode",
|
|
897
|
-
"bg-clip": "-webkit-background-clip",
|
|
898
|
-
"bg-gradient": "linear-gradient",
|
|
899
|
-
"bg-origin-border": "background-origin",
|
|
900
|
-
"bg-position": "background-position",
|
|
901
|
-
"bg-repeat": "background-repeat",
|
|
902
|
-
"bg-size": "background-size",
|
|
903
855
|
"bg-opacity": "background-opacity",
|
|
904
856
|
"tab": "tab-size",
|
|
905
857
|
"underline": "text-decoration-thickness",
|
|
@@ -914,33 +866,61 @@ const variablesAbbrMap = {
|
|
|
914
866
|
"content": "align-content",
|
|
915
867
|
"items": "align-items",
|
|
916
868
|
"self": "align-self",
|
|
917
|
-
"object": "object-fit"
|
|
918
|
-
"mix-blend": "mix-blend-mode",
|
|
919
|
-
"animate-speed": "animation-speed"
|
|
869
|
+
"object": "object-fit"
|
|
920
870
|
};
|
|
921
|
-
const cssVariables = [
|
|
922
|
-
/^(.+)-\$(.+)$/,
|
|
923
|
-
([, name, varname]) => {
|
|
871
|
+
const cssVariables = [
|
|
872
|
+
[/^(.+)-\$(.+)$/, ([, name, varname]) => {
|
|
924
873
|
const prop = variablesAbbrMap[name];
|
|
925
874
|
if (prop) {
|
|
926
875
|
return {
|
|
927
876
|
[prop]: `var(--${varname})`
|
|
928
877
|
};
|
|
929
878
|
}
|
|
930
|
-
}
|
|
931
|
-
]]
|
|
879
|
+
}],
|
|
880
|
+
[/^(?:border|b)-([^-]+)-\$(.+)$/, ([, a, v]) => {
|
|
881
|
+
if (a in index.directionMap)
|
|
882
|
+
return index.directionMap[a].map((i) => [`border${i}-color`, `var(--${v})`]);
|
|
883
|
+
}]
|
|
884
|
+
];
|
|
932
885
|
|
|
933
886
|
const questionMark = [
|
|
934
887
|
[
|
|
935
888
|
/^(where|\?)$/,
|
|
936
889
|
(_, { constructCSS, generator }) => {
|
|
937
|
-
if (generator.
|
|
890
|
+
if (generator.userConfig.envMode === "dev")
|
|
938
891
|
return `@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}}
|
|
939
892
|
${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
|
|
940
893
|
}
|
|
941
894
|
]
|
|
942
895
|
];
|
|
943
896
|
|
|
897
|
+
const textDecorations = [
|
|
898
|
+
["underline", { "text-decoration": "underline" }],
|
|
899
|
+
["line-through", { "text-decoration": "line-through" }],
|
|
900
|
+
["no-underline", { "text-decoration": "none" }],
|
|
901
|
+
["decoration-underline", { "text-decoration": "underline" }],
|
|
902
|
+
["decoration-line-through", { "text-decoration": "line-through" }],
|
|
903
|
+
["decoration-none", { "text-decoration": "none" }],
|
|
904
|
+
[/^(?:underline|decoration)-(solid|double|dotted|dashed|wavy)$/, ([, d]) => ({ "text-decoration-style": d })],
|
|
905
|
+
[/^(?:underline|decoration)-([^-]+)$/, ([, s]) => ({ "text-decoration-thickness": ["auto", "from-font"].includes(s) ? s : index.handler.bracket.px(s) })],
|
|
906
|
+
[/^decoration-(.*)$/, ([, d]) => ({ "text-decoration-thickness": index.handler.bracket.px(d) })],
|
|
907
|
+
[/^underline-offset-([^-]+)$/, ([, s]) => {
|
|
908
|
+
const v = s === "auto" ? s : index.handler.bracket.px(s);
|
|
909
|
+
if (v != null)
|
|
910
|
+
return { "text-underline-offset": v };
|
|
911
|
+
}],
|
|
912
|
+
[/^(?:underline|decoration)-(.+)$/, (match, ctx) => {
|
|
913
|
+
const result = colorResolver$1("text-decoration-color", "line")(match, ctx);
|
|
914
|
+
if (result) {
|
|
915
|
+
return {
|
|
916
|
+
"-webkit-text-decoration-color": result["text-decoration-color"],
|
|
917
|
+
...result
|
|
918
|
+
};
|
|
919
|
+
}
|
|
920
|
+
}],
|
|
921
|
+
[/^(?:underline|decoration)-op(?:acity)?-?(.+)$/m, ([, opacity]) => ({ "--un-line-opacity": index.handler.bracket.percent(opacity) })]
|
|
922
|
+
];
|
|
923
|
+
|
|
944
924
|
const rules = [
|
|
945
925
|
cssVariables,
|
|
946
926
|
paddings,
|
|
@@ -956,12 +936,7 @@ const rules = [
|
|
|
956
936
|
textIndents,
|
|
957
937
|
textOverflows,
|
|
958
938
|
textDecorations,
|
|
959
|
-
|
|
960
|
-
textDecorationColors,
|
|
961
|
-
textDecorationLengths,
|
|
962
|
-
textDecorationOffsets,
|
|
963
|
-
textStrokeWidths,
|
|
964
|
-
textStrokeColors,
|
|
939
|
+
textStrokes,
|
|
965
940
|
textShadows,
|
|
966
941
|
textTransforms,
|
|
967
942
|
textAligns,
|
|
@@ -984,9 +959,6 @@ const rules = [
|
|
|
984
959
|
userSelects,
|
|
985
960
|
whitespaces,
|
|
986
961
|
breaks,
|
|
987
|
-
trackings,
|
|
988
|
-
wordSpacings,
|
|
989
|
-
leadings,
|
|
990
962
|
overflows,
|
|
991
963
|
outline,
|
|
992
964
|
appearance,
|
|
@@ -994,14 +966,8 @@ const rules = [
|
|
|
994
966
|
positions,
|
|
995
967
|
orders,
|
|
996
968
|
justifies,
|
|
997
|
-
|
|
998
|
-
|
|
999
|
-
alignContents,
|
|
1000
|
-
alignItems,
|
|
1001
|
-
alignSelfs,
|
|
1002
|
-
placeContents,
|
|
1003
|
-
placeItems,
|
|
1004
|
-
placeSelfs,
|
|
969
|
+
alignments,
|
|
970
|
+
placements,
|
|
1005
971
|
insets,
|
|
1006
972
|
floats,
|
|
1007
973
|
zIndexes,
|
|
@@ -1011,17 +977,12 @@ const rules = [
|
|
|
1011
977
|
questionMark
|
|
1012
978
|
].flat(1);
|
|
1013
979
|
|
|
1014
|
-
exports.
|
|
1015
|
-
exports.alignItems = alignItems;
|
|
1016
|
-
exports.alignSelfs = alignSelfs;
|
|
980
|
+
exports.alignments = alignments;
|
|
1017
981
|
exports.appearance = appearance;
|
|
1018
982
|
exports.appearances = appearances;
|
|
1019
983
|
exports.aspectRatio = aspectRatio;
|
|
1020
984
|
exports.bgColors = bgColors;
|
|
1021
985
|
exports.borderColors = borderColors;
|
|
1022
|
-
exports.borderRadius = borderRadius;
|
|
1023
|
-
exports.borderSizes = borderSizes;
|
|
1024
|
-
exports.borderStyles = borderStyles;
|
|
1025
986
|
exports.borders = borders;
|
|
1026
987
|
exports.boxShadows = boxShadows;
|
|
1027
988
|
exports.boxSizing = boxSizing;
|
|
@@ -1034,19 +995,13 @@ exports.displays = displays;
|
|
|
1034
995
|
exports.fillColors = fillColors;
|
|
1035
996
|
exports.flex = flex;
|
|
1036
997
|
exports.floats = floats;
|
|
1037
|
-
exports.fontSizes = fontSizes;
|
|
1038
998
|
exports.fontSmoothings = fontSmoothings;
|
|
1039
999
|
exports.fontStyles = fontStyles;
|
|
1040
|
-
exports.fontWeights = fontWeights;
|
|
1041
1000
|
exports.fonts = fonts;
|
|
1042
|
-
exports.fontsFamilies = fontsFamilies;
|
|
1043
1001
|
exports.gaps = gaps;
|
|
1044
1002
|
exports.grids = grids;
|
|
1045
1003
|
exports.insets = insets;
|
|
1046
1004
|
exports.justifies = justifies;
|
|
1047
|
-
exports.justifyItems = justifyItems;
|
|
1048
|
-
exports.justifySelfs = justifySelfs;
|
|
1049
|
-
exports.leadings = leadings;
|
|
1050
1005
|
exports.margins = margins;
|
|
1051
1006
|
exports.opacity = opacity;
|
|
1052
1007
|
exports.orders = orders;
|
|
@@ -1054,10 +1009,8 @@ exports.outline = outline;
|
|
|
1054
1009
|
exports.overflows = overflows;
|
|
1055
1010
|
exports.paddings = paddings;
|
|
1056
1011
|
exports.parseColorUtil = parseColorUtil;
|
|
1057
|
-
exports.placeContents = placeContents;
|
|
1058
|
-
exports.placeItems = placeItems;
|
|
1059
|
-
exports.placeSelfs = placeSelfs;
|
|
1060
1012
|
exports.placeholder = placeholder;
|
|
1013
|
+
exports.placements = placements;
|
|
1061
1014
|
exports.pointerEvents = pointerEvents;
|
|
1062
1015
|
exports.positions = positions;
|
|
1063
1016
|
exports.questionMark = questionMark;
|
|
@@ -1070,23 +1023,16 @@ exports.sizes = sizes;
|
|
|
1070
1023
|
exports.tabSizes = tabSizes;
|
|
1071
1024
|
exports.textAligns = textAligns;
|
|
1072
1025
|
exports.textColors = textColors;
|
|
1073
|
-
exports.textDecorationColors = textDecorationColors;
|
|
1074
|
-
exports.textDecorationLengths = textDecorationLengths;
|
|
1075
|
-
exports.textDecorationOffsets = textDecorationOffsets;
|
|
1076
|
-
exports.textDecorationStyles = textDecorationStyles;
|
|
1077
1026
|
exports.textDecorations = textDecorations;
|
|
1078
1027
|
exports.textIndents = textIndents;
|
|
1079
1028
|
exports.textOverflows = textOverflows;
|
|
1080
1029
|
exports.textShadows = textShadows;
|
|
1081
|
-
exports.
|
|
1082
|
-
exports.textStrokeWidths = textStrokeWidths;
|
|
1030
|
+
exports.textStrokes = textStrokes;
|
|
1083
1031
|
exports.textTransforms = textTransforms;
|
|
1084
|
-
exports.trackings = trackings;
|
|
1085
1032
|
exports.transforms = transforms;
|
|
1086
1033
|
exports.transitions = transitions;
|
|
1087
1034
|
exports.userSelects = userSelects;
|
|
1088
1035
|
exports.varEmpty = varEmpty;
|
|
1089
1036
|
exports.verticalAligns = verticalAligns;
|
|
1090
1037
|
exports.whitespaces = whitespaces;
|
|
1091
|
-
exports.wordSpacings = wordSpacings;
|
|
1092
1038
|
exports.zIndexes = zIndexes;
|