feature: vor und nachteile

This commit is contained in:
Hikyu
2026-05-31 13:54:31 +02:00
parent 552a947a1c
commit e3dad17446
23270 changed files with 3024794 additions and 200 deletions
+21
View File
@@ -0,0 +1,21 @@
MIT License
Copyright (c) 2021-PRESENT Anthony Fu <https://github.com/antfu>
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
+11
View File
@@ -0,0 +1,11 @@
# @unocss/preset-wind
Tailwind / Windi CSS compact preset for [UnoCSS](https://github.com/unocss/unocss).
## Documentation
Please refer to the [documentation](https://unocss.dev/presets/wind).
## License
MIT License &copy; 2021-PRESENT [Anthony Fu](https://github.com/antfu)
+33
View File
@@ -0,0 +1,33 @@
import * as _unocss_core from '@unocss/core';
import { Variant } from '@unocss/core';
import * as _unocss_preset_mini from '@unocss/preset-mini';
import { Theme, PresetMiniOptions } from '@unocss/preset-mini';
export { Theme, colors, preflights } from '@unocss/preset-mini';
export { shortcuts } from './shortcuts.mjs';
export { theme } from './theme.mjs';
export { r as rules } from './shared/preset-wind.DRADYSMV.mjs';
declare function variants(options: PresetWindOptions): Variant<Theme>[];
interface PresetWindOptions extends PresetMiniOptions {
/**
* The important option lets you control whether UnoCSS’s utilities should be marked with `!important`.
*
* This can be really useful when using UnoCSS with existing CSS that has high specificity selectors.
*
* You can also set `important` to a selector like `#app` instead, which will generate `#app :is(.m-1) { ... }`
*
* Also check out the compatibility with [:is()](https://caniuse.com/?search=%3Ais())
*
* @default false
*/
important?: boolean | string;
}
/**
* The Tailwind CSS / Windi CSS compact preset for UnoCSS.
*
* @see https://unocss.dev/presets/wind
*/
declare const presetWind: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetWindOptions>;
export { type PresetWindOptions, presetWind as default, presetWind, variants };
+33
View File
@@ -0,0 +1,33 @@
import * as _unocss_core from '@unocss/core';
import { Variant } from '@unocss/core';
import * as _unocss_preset_mini from '@unocss/preset-mini';
import { Theme, PresetMiniOptions } from '@unocss/preset-mini';
export { Theme, colors, preflights } from '@unocss/preset-mini';
export { shortcuts } from './shortcuts.js';
export { theme } from './theme.js';
export { r as rules } from './shared/preset-wind.DRADYSMV.js';
declare function variants(options: PresetWindOptions): Variant<Theme>[];
interface PresetWindOptions extends PresetMiniOptions {
/**
* The important option lets you control whether UnoCSS’s utilities should be marked with `!important`.
*
* This can be really useful when using UnoCSS with existing CSS that has high specificity selectors.
*
* You can also set `important` to a selector like `#app` instead, which will generate `#app :is(.m-1) { ... }`
*
* Also check out the compatibility with [:is()](https://caniuse.com/?search=%3Ais())
*
* @default false
*/
important?: boolean | string;
}
/**
* The Tailwind CSS / Windi CSS compact preset for UnoCSS.
*
* @see https://unocss.dev/presets/wind
*/
declare const presetWind: _unocss_core.PresetFactory<_unocss_preset_mini.Theme, PresetWindOptions>;
export { type PresetWindOptions, presetWind as default, presetWind, variants };
+59
View File
@@ -0,0 +1,59 @@
import { toArray, definePreset } from '@unocss/core';
import presetMini, { presetMini as presetMini$1 } from '@unocss/preset-mini';
export { colors, preflights } from '@unocss/preset-mini';
import { shortcuts } from './shortcuts.mjs';
import { theme } from './theme.mjs';
import { r as rules } from './shared/preset-wind.BPNbmKYQ.mjs';
import { b as variants } from './shared/preset-wind.BwVsieym.mjs';
import './shared/preset-wind.BzmnsdqZ.mjs';
import '@unocss/preset-mini/utils';
import '@unocss/preset-mini/rules';
import '@unocss/preset-mini/theme';
import './shared/preset-wind.DjKJQ_OR.mjs';
import '@unocss/rule-utils';
import '@unocss/preset-mini/variants';
function important(option) {
if (option == null || option === false)
return [];
const wrapWithIs = (selector) => {
if (selector.startsWith(":is(") && selector.endsWith(")"))
return selector;
if (selector.includes("::"))
return selector.replace(/(.*?)((?:\s\*)?::.*)/, ":is($1)$2");
return `:is(${selector})`;
};
return [
option === true ? (util) => {
util.entries.forEach((i) => {
if (i[1] != null && !String(i[1]).endsWith("!important"))
i[1] += " !important";
});
} : (util) => {
if (!util.selector.startsWith(option))
util.selector = `${option} ${wrapWithIs(util.selector)}`;
}
];
}
function postprocessors(options) {
return [
...toArray(presetMini(options).postprocess),
...important(options.important)
];
}
const presetWind = definePreset((options = {}) => {
options.important = options.important ?? false;
return {
...presetMini$1(options),
name: "@unocss/preset-wind",
theme,
rules,
shortcuts,
variants: variants(options),
postprocess: postprocessors(options)
};
});
export { presetWind as default, presetWind, rules, shortcuts, theme, variants };
+95
View File
@@ -0,0 +1,95 @@
import { Rule, Shortcut } from '@unocss/core';
import { Theme } from '@unocss/preset-mini';
export { r as rules } from './shared/preset-wind.DRADYSMV.mjs';
declare const animations: Rule<Theme>[];
declare const backgroundStyles: Rule[];
declare const listStyle: Rule[];
declare const accents: Rule[];
declare const carets: Rule[];
declare const imageRenderings: Rule[];
declare const overscrolls: Rule[];
declare const scrollBehaviors: Rule[];
declare const columns: Rule[];
declare const container: Rule<Theme>[];
declare const containerShortcuts: Shortcut<Theme>[];
declare const divides: Rule[];
declare const filterBase: {
'--un-blur': string;
'--un-brightness': string;
'--un-contrast': string;
'--un-drop-shadow': string;
'--un-grayscale': string;
'--un-hue-rotate': string;
'--un-invert': string;
'--un-saturate': string;
'--un-sepia': string;
};
declare const backdropFilterBase: {
'--un-backdrop-blur': string;
'--un-backdrop-brightness': string;
'--un-backdrop-contrast': string;
'--un-backdrop-grayscale': string;
'--un-backdrop-hue-rotate': string;
'--un-backdrop-invert': string;
'--un-backdrop-opacity': string;
'--un-backdrop-saturate': string;
'--un-backdrop-sepia': string;
};
declare const filters: Rule<Theme>[];
declare const lineClamps: Rule[];
declare const placeholders: Rule[];
declare const scrollSnapTypeBase: {
'--un-scroll-snap-strictness': string;
};
declare const scrolls: Rule[];
declare const spaces: Rule[];
declare const textTransforms: Rule[];
declare const hyphens: Rule[];
declare const writingModes: Rule[];
declare const writingOrientations: Rule[];
declare const screenReadersAccess: Rule[];
declare const isolations: Rule[];
declare const objectPositions: Rule[];
declare const backgroundBlendModes: Rule[];
declare const mixBlendModes: Rule[];
declare const dynamicViewportHeight: Rule[];
declare const borderSpacingBase: {
'--un-border-spacing-x': number;
'--un-border-spacing-y': number;
};
declare const tables: Rule<Theme>[];
declare const touchActionBase: {
'--un-pan-x': string;
'--un-pan-y': string;
'--un-pinch-zoom': string;
};
declare const touchActions: Rule[];
declare const fontVariantNumericBase: {
'--un-ordinal': string;
'--un-slashed-zero': string;
'--un-numeric-figure': string;
'--un-numeric-spacing': string;
'--un-numeric-fraction': string;
};
declare const fontVariantNumeric: Rule[];
declare const cssVariables: Rule[];
declare const viewTransition: Rule[];
export { accents, animations, backdropFilterBase, backgroundBlendModes, backgroundStyles, borderSpacingBase, carets, columns, container, containerShortcuts, cssVariables, divides, dynamicViewportHeight, filterBase, filters, fontVariantNumeric, fontVariantNumericBase, hyphens, imageRenderings, isolations, lineClamps, listStyle, mixBlendModes, objectPositions, overscrolls, placeholders, screenReadersAccess, scrollBehaviors, scrollSnapTypeBase, scrolls, spaces, tables, textTransforms, touchActionBase, touchActions, viewTransition, writingModes, writingOrientations };
+95
View File
@@ -0,0 +1,95 @@
import { Rule, Shortcut } from '@unocss/core';
import { Theme } from '@unocss/preset-mini';
export { r as rules } from './shared/preset-wind.DRADYSMV.js';
declare const animations: Rule<Theme>[];
declare const backgroundStyles: Rule[];
declare const listStyle: Rule[];
declare const accents: Rule[];
declare const carets: Rule[];
declare const imageRenderings: Rule[];
declare const overscrolls: Rule[];
declare const scrollBehaviors: Rule[];
declare const columns: Rule[];
declare const container: Rule<Theme>[];
declare const containerShortcuts: Shortcut<Theme>[];
declare const divides: Rule[];
declare const filterBase: {
'--un-blur': string;
'--un-brightness': string;
'--un-contrast': string;
'--un-drop-shadow': string;
'--un-grayscale': string;
'--un-hue-rotate': string;
'--un-invert': string;
'--un-saturate': string;
'--un-sepia': string;
};
declare const backdropFilterBase: {
'--un-backdrop-blur': string;
'--un-backdrop-brightness': string;
'--un-backdrop-contrast': string;
'--un-backdrop-grayscale': string;
'--un-backdrop-hue-rotate': string;
'--un-backdrop-invert': string;
'--un-backdrop-opacity': string;
'--un-backdrop-saturate': string;
'--un-backdrop-sepia': string;
};
declare const filters: Rule<Theme>[];
declare const lineClamps: Rule[];
declare const placeholders: Rule[];
declare const scrollSnapTypeBase: {
'--un-scroll-snap-strictness': string;
};
declare const scrolls: Rule[];
declare const spaces: Rule[];
declare const textTransforms: Rule[];
declare const hyphens: Rule[];
declare const writingModes: Rule[];
declare const writingOrientations: Rule[];
declare const screenReadersAccess: Rule[];
declare const isolations: Rule[];
declare const objectPositions: Rule[];
declare const backgroundBlendModes: Rule[];
declare const mixBlendModes: Rule[];
declare const dynamicViewportHeight: Rule[];
declare const borderSpacingBase: {
'--un-border-spacing-x': number;
'--un-border-spacing-y': number;
};
declare const tables: Rule<Theme>[];
declare const touchActionBase: {
'--un-pan-x': string;
'--un-pan-y': string;
'--un-pinch-zoom': string;
};
declare const touchActions: Rule[];
declare const fontVariantNumericBase: {
'--un-ordinal': string;
'--un-slashed-zero': string;
'--un-numeric-figure': string;
'--un-numeric-spacing': string;
'--un-numeric-fraction': string;
};
declare const fontVariantNumeric: Rule[];
declare const cssVariables: Rule[];
declare const viewTransition: Rule[];
export { accents, animations, backdropFilterBase, backgroundBlendModes, backgroundStyles, borderSpacingBase, carets, columns, container, containerShortcuts, cssVariables, divides, dynamicViewportHeight, filterBase, filters, fontVariantNumeric, fontVariantNumericBase, hyphens, imageRenderings, isolations, lineClamps, listStyle, mixBlendModes, objectPositions, overscrolls, placeholders, screenReadersAccess, scrollBehaviors, scrollSnapTypeBase, scrolls, spaces, tables, textTransforms, touchActionBase, touchActions, viewTransition, writingModes, writingOrientations };
+7
View File
@@ -0,0 +1,7 @@
export { c as accents, a as animations, u as backgroundBlendModes, b as backgroundStyles, d as carets, e as columns, y as cssVariables, f as divides, x as dynamicViewportHeight, j as hyphens, i as imageRenderings, n as isolations, g as lineClamps, l as listStyle, v as mixBlendModes, q as objectPositions, o as overscrolls, p as placeholders, r as rules, m as screenReadersAccess, s as scrollBehaviors, h as spaces, t as textTransforms, z as viewTransition, w as writingModes, k as writingOrientations } from './shared/preset-wind.BPNbmKYQ.mjs';
export { c as container, a as containerShortcuts } from './shared/preset-wind.BzmnsdqZ.mjs';
export { b as backdropFilterBase, d as borderSpacingBase, f as filterBase, a as filters, i as fontVariantNumeric, h as fontVariantNumericBase, s as scrollSnapTypeBase, c as scrolls, t as tables, e as touchActionBase, g as touchActions } from './shared/preset-wind.DjKJQ_OR.mjs';
import '@unocss/preset-mini/rules';
import '@unocss/preset-mini/utils';
import '@unocss/rule-utils';
import '@unocss/core';
@@ -0,0 +1,634 @@
import * as _ from '@unocss/preset-mini/rules';
import { borderStyles } from '@unocss/preset-mini/rules';
import { h, globalKeywords, makeGlobalStaticRules, positionMap, parseColor, colorResolver, directionMap } from '@unocss/preset-mini/utils';
import { colorToString, colorOpacityToString } from '@unocss/rule-utils';
import { c as container } from './preset-wind.BzmnsdqZ.mjs';
import { t as tables, g as touchActions, c as scrolls, i as fontVariantNumeric, a as filters } from './preset-wind.DjKJQ_OR.mjs';
const animations = [
[/^(?:animate-)?keyframes-(.+)$/, ([, name], { theme }) => {
const kf = theme.animation?.keyframes?.[name];
if (kf) {
return [
`@keyframes ${name}${kf}`,
{ animation: name }
];
}
}, { autocomplete: ["animate-keyframes-$animation.keyframes", "keyframes-$animation.keyframes"] }],
[/^animate-(.+)$/, ([, name], { theme }) => {
const kf = theme.animation?.keyframes?.[name];
if (kf) {
const duration = theme.animation?.durations?.[name] ?? "1s";
const timing = theme.animation?.timingFns?.[name] ?? "linear";
const count = theme.animation?.counts?.[name] ?? 1;
const props = theme.animation?.properties?.[name];
return [
`@keyframes ${name}${kf}`,
{
animation: `${name} ${duration} ${timing} ${count}`,
...props
}
];
}
return { animation: h.bracket.cssvar(name) };
}, { autocomplete: "animate-$animation.keyframes" }],
[/^animate-name-(.+)/, ([, d]) => ({ "animation-name": h.bracket.cssvar(d) ?? d })],
// timings
[/^animate-duration-(.+)$/, ([, d], { theme }) => ({ "animation-duration": theme.duration?.[d || "DEFAULT"] ?? h.bracket.cssvar.time(d) }), { autocomplete: ["animate-duration", "animate-duration-$duration"] }],
[/^animate-delay-(.+)$/, ([, d], { theme }) => ({ "animation-delay": theme.duration?.[d || "DEFAULT"] ?? h.bracket.cssvar.time(d) }), { autocomplete: ["animate-delay", "animate-delay-$duration"] }],
[/^animate-ease(?:-(.+))?$/, ([, d], { theme }) => ({ "animation-timing-function": theme.easing?.[d || "DEFAULT"] ?? h.bracket.cssvar(d) }), { autocomplete: ["animate-ease", "animate-ease-$easing"] }],
// fill mode
[/^animate-(fill-mode-|fill-|mode-)?(.+)$/, ([, t, d]) => ["none", "forwards", "backwards", "both", ...[t ? globalKeywords : []]].includes(d) ? { "animation-fill-mode": d } : void 0, {
autocomplete: [
"animate-(fill|mode|fill-mode)",
"animate-(fill|mode|fill-mode)-(none|forwards|backwards|both|inherit|initial|revert|revert-layer|unset)",
"animate-(none|forwards|backwards|both|inherit|initial|revert|revert-layer|unset)"
]
}],
// direction
[/^animate-(direction-)?(.+)$/, ([, t, d]) => ["normal", "reverse", "alternate", "alternate-reverse", ...[t ? globalKeywords : []]].includes(d) ? { "animation-direction": d } : void 0, {
autocomplete: [
"animate-direction",
"animate-direction-(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|revert-layer|unset)",
"animate-(normal|reverse|alternate|alternate-reverse|inherit|initial|revert|revert-layer|unset)"
]
}],
// others
[/^animate-(?:iteration-count-|iteration-|count-)(.+)$/, ([, d]) => ({ "animation-iteration-count": h.bracket.cssvar(d) ?? d.replace(/-/g, ",") }), { autocomplete: ["animate-(iteration|count|iteration-count)", "animate-(iteration|count|iteration-count)-<num>"] }],
[/^animate-(play-state-|play-|state-)?(.+)$/, ([, t, d]) => ["paused", "running", ...[t ? globalKeywords : []]].includes(d) ? { "animation-play-state": d } : void 0, {
autocomplete: [
"animate-(play|state|play-state)",
"animate-(play|state|play-state)-(paused|running|inherit|initial|revert|revert-layer|unset)",
"animate-(paused|running|inherit|initial|revert|revert-layer|unset)"
]
}],
["animate-none", { animation: "none" }],
...makeGlobalStaticRules("animate", "animation")
];
function bgGradientToValue(cssColor) {
if (cssColor)
return colorToString(cssColor, 0);
return "rgb(255 255 255 / 0)";
}
function bgGradientColorValue(mode, cssColor, color, alpha) {
if (cssColor) {
if (alpha != null)
return colorToString(cssColor, alpha);
else
return colorToString(cssColor, `var(--un-${mode}-opacity, ${colorOpacityToString(cssColor)})`);
}
return colorToString(color, alpha);
}
function bgGradientColorResolver() {
return ([, mode, body], { theme }) => {
const data = parseColor(body, theme, "backgroundColor");
if (!data)
return;
const { alpha, color, cssColor } = data;
if (!color)
return;
const colorString = bgGradientColorValue(mode, cssColor, color, alpha);
switch (mode) {
case "from":
return {
"--un-gradient-from-position": "0%",
"--un-gradient-from": `${colorString} var(--un-gradient-from-position)`,
"--un-gradient-to-position": "100%",
"--un-gradient-to": `${bgGradientToValue(cssColor)} var(--un-gradient-to-position)`,
"--un-gradient-stops": "var(--un-gradient-from), var(--un-gradient-to)"
};
case "via":
return {
"--un-gradient-via-position": "50%",
"--un-gradient-to": bgGradientToValue(cssColor),
"--un-gradient-stops": `var(--un-gradient-from), ${colorString} var(--un-gradient-via-position), var(--un-gradient-to)`
};
case "to":
return {
"--un-gradient-to-position": "100%",
"--un-gradient-to": `${colorString} var(--un-gradient-to-position)`
};
}
};
}
function bgGradientPositionResolver() {
return ([, mode, body]) => {
return {
[`--un-gradient-${mode}-position`]: `${Number(h.bracket.cssvar.percent(body)) * 100}%`
};
};
}
const backgroundStyles = [
// gradients
[/^bg-gradient-(.+)$/, ([, d]) => ({ "--un-gradient": h.bracket(d) }), {
autocomplete: ["bg-gradient", "bg-gradient-(from|to|via)", "bg-gradient-(from|to|via)-$colors", "bg-gradient-(from|to|via)-(op|opacity)", "bg-gradient-(from|to|via)-(op|opacity)-<percent>"]
}],
[/^(?:bg-gradient-)?stops-(\[.+\])$/, ([, s]) => ({ "--un-gradient-stops": h.bracket(s) })],
[/^(?:bg-gradient-)?(from)-(.+)$/, bgGradientColorResolver()],
[/^(?:bg-gradient-)?(via)-(.+)$/, bgGradientColorResolver()],
[/^(?:bg-gradient-)?(to)-(.+)$/, bgGradientColorResolver()],
[/^(?:bg-gradient-)?(from|via|to)-op(?:acity)?-?(.+)$/, ([, position, opacity]) => ({ [`--un-${position}-opacity`]: h.bracket.percent(opacity) })],
[/^(from|via|to)-([\d.]+)%$/, bgGradientPositionResolver()],
// images
[/^bg-gradient-((?:repeating-)?(?:linear|radial|conic))$/, ([, s]) => ({
"background-image": `${s}-gradient(var(--un-gradient, var(--un-gradient-stops, rgb(255 255 255 / 0))))`
}), { autocomplete: ["bg-gradient-repeating", "bg-gradient-(linear|radial|conic)", "bg-gradient-repeating-(linear|radial|conic)"] }],
// ignore any center position
[/^bg-gradient-to-([rltb]{1,2})$/, ([, d]) => {
if (d in positionMap) {
return {
"--un-gradient-shape": `to ${positionMap[d]} in oklch`,
"--un-gradient": "var(--un-gradient-shape), var(--un-gradient-stops)",
"background-image": "linear-gradient(var(--un-gradient))"
};
}
}, { autocomplete: `bg-gradient-to-(${Object.keys(positionMap).filter((k) => k.length <= 2 && Array.from(k).every((c) => "rltb".includes(c))).join("|")})` }],
[/^(?:bg-gradient-)?shape-(.+)$/, ([, d]) => {
const v = d in positionMap ? `to ${positionMap[d]}` : h.bracket(d);
if (v != null) {
return {
"--un-gradient-shape": `${v} in oklch`,
"--un-gradient": "var(--un-gradient-shape), var(--un-gradient-stops)"
};
}
}, { autocomplete: ["bg-gradient-shape", `bg-gradient-shape-(${Object.keys(positionMap).join("|")})`, `shape-(${Object.keys(positionMap).join("|")})`] }],
["bg-none", { "background-image": "none" }],
["box-decoration-slice", { "box-decoration-break": "slice" }],
["box-decoration-clone", { "box-decoration-break": "clone" }],
...makeGlobalStaticRules("box-decoration", "box-decoration-break"),
// size
["bg-auto", { "background-size": "auto" }],
["bg-cover", { "background-size": "cover" }],
["bg-contain", { "background-size": "contain" }],
// attachments
["bg-fixed", { "background-attachment": "fixed" }],
["bg-local", { "background-attachment": "local" }],
["bg-scroll", { "background-attachment": "scroll" }],
// clips
["bg-clip-border", { "-webkit-background-clip": "border-box", "background-clip": "border-box" }],
["bg-clip-content", { "-webkit-background-clip": "content-box", "background-clip": "content-box" }],
["bg-clip-padding", { "-webkit-background-clip": "padding-box", "background-clip": "padding-box" }],
["bg-clip-text", { "-webkit-background-clip": "text", "background-clip": "text" }],
...globalKeywords.map((keyword) => [`bg-clip-${keyword}`, {
"-webkit-background-clip": keyword,
"background-clip": keyword
}]),
// positions
// skip 1 & 2 letters shortcut
[/^bg-([-\w]{3,})$/, ([, s]) => ({ "background-position": positionMap[s] })],
// repeats
["bg-repeat", { "background-repeat": "repeat" }],
["bg-no-repeat", { "background-repeat": "no-repeat" }],
["bg-repeat-x", { "background-repeat": "repeat-x" }],
["bg-repeat-y", { "background-repeat": "repeat-y" }],
["bg-repeat-round", { "background-repeat": "round" }],
["bg-repeat-space", { "background-repeat": "space" }],
...makeGlobalStaticRules("bg-repeat", "background-repeat"),
// origins
["bg-origin-border", { "background-origin": "border-box" }],
["bg-origin-padding", { "background-origin": "padding-box" }],
["bg-origin-content", { "background-origin": "content-box" }],
...makeGlobalStaticRules("bg-origin", "background-origin")
];
const listStyles = {
"disc": "disc",
"circle": "circle",
"square": "square",
"decimal": "decimal",
"zero-decimal": "decimal-leading-zero",
"greek": "lower-greek",
"roman": "lower-roman",
"upper-roman": "upper-roman",
"alpha": "lower-alpha",
"upper-alpha": "upper-alpha",
"latin": "lower-latin",
"upper-latin": "upper-latin"
};
const listStyle = [
// base
[/^list-(.+?)(?:-(outside|inside))?$/, ([, alias, position]) => {
const style = listStyles[alias];
if (style) {
if (position) {
return {
"list-style-position": position,
"list-style-type": style
};
}
return { "list-style-type": style };
}
}, { autocomplete: [`list-(${Object.keys(listStyles).join("|")})`, `list-(${Object.keys(listStyles).join("|")})-(outside|inside)`] }],
// styles
["list-outside", { "list-style-position": "outside" }],
["list-inside", { "list-style-position": "inside" }],
["list-none", { "list-style-type": "none" }],
// image
[/^list-image-(.+)$/, ([, d]) => {
if (/^\[url\(.+\)\]$/.test(d))
return { "list-style-image": h.bracket(d) };
}],
["list-image-none", { "list-style-image": "none" }],
...makeGlobalStaticRules("list", "list-style-type")
];
const accents = [
[/^accent-(.+)$/, colorResolver("accent-color", "accent", "accentColor"), { autocomplete: "accent-$colors" }],
[/^accent-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-accent-opacity": h.bracket.percent(d) }), { autocomplete: ["accent-(op|opacity)", "accent-(op|opacity)-<percent>"] }]
];
const carets = [
[/^caret-(.+)$/, colorResolver("caret-color", "caret", "textColor"), { autocomplete: "caret-$colors" }],
[/^caret-op(?:acity)?-?(.+)$/, ([, d]) => ({ "--un-caret-opacity": h.bracket.percent(d) }), { autocomplete: ["caret-(op|opacity)", "caret-(op|opacity)-<percent>"] }]
];
const imageRenderings = [
["image-render-auto", { "image-rendering": "auto" }],
["image-render-edge", { "image-rendering": "crisp-edges" }],
["image-render-pixel", [
["-ms-interpolation-mode", "nearest-neighbor"],
["image-rendering", "-webkit-optimize-contrast"],
["image-rendering", "-moz-crisp-edges"],
["image-rendering", "-o-pixelated"],
["image-rendering", "pixelated"]
]]
];
const overscrolls = [
["overscroll-auto", { "overscroll-behavior": "auto" }],
["overscroll-contain", { "overscroll-behavior": "contain" }],
["overscroll-none", { "overscroll-behavior": "none" }],
...makeGlobalStaticRules("overscroll", "overscroll-behavior"),
["overscroll-x-auto", { "overscroll-behavior-x": "auto" }],
["overscroll-x-contain", { "overscroll-behavior-x": "contain" }],
["overscroll-x-none", { "overscroll-behavior-x": "none" }],
...makeGlobalStaticRules("overscroll-x", "overscroll-behavior-x"),
["overscroll-y-auto", { "overscroll-behavior-y": "auto" }],
["overscroll-y-contain", { "overscroll-behavior-y": "contain" }],
["overscroll-y-none", { "overscroll-behavior-y": "none" }],
...makeGlobalStaticRules("overscroll-y", "overscroll-behavior-y")
];
const scrollBehaviors = [
["scroll-auto", { "scroll-behavior": "auto" }],
["scroll-smooth", { "scroll-behavior": "smooth" }],
...makeGlobalStaticRules("scroll", "scroll-behavior")
];
const columns = [
[/^columns-(.+)$/, ([, v]) => ({ columns: h.bracket.global.number.auto.numberWithUnit(v) }), { autocomplete: "columns-<num>" }],
// break before
["break-before-auto", { "break-before": "auto" }],
["break-before-avoid", { "break-before": "avoid" }],
["break-before-all", { "break-before": "all" }],
["break-before-avoid-page", { "break-before": "avoid-page" }],
["break-before-page", { "break-before": "page" }],
["break-before-left", { "break-before": "left" }],
["break-before-right", { "break-before": "right" }],
["break-before-column", { "break-before": "column" }],
...makeGlobalStaticRules("break-before"),
// break inside
["break-inside-auto", { "break-inside": "auto" }],
["break-inside-avoid", { "break-inside": "avoid" }],
["break-inside-avoid-page", { "break-inside": "avoid-page" }],
["break-inside-avoid-column", { "break-inside": "avoid-column" }],
...makeGlobalStaticRules("break-inside"),
// break after
["break-after-auto", { "break-after": "auto" }],
["break-after-avoid", { "break-after": "avoid" }],
["break-after-all", { "break-after": "all" }],
["break-after-avoid-page", { "break-after": "avoid-page" }],
["break-after-page", { "break-after": "page" }],
["break-after-left", { "break-after": "left" }],
["break-after-right", { "break-after": "right" }],
["break-after-column", { "break-after": "column" }],
...makeGlobalStaticRules("break-after")
];
const divides = [
// divides
[/^divide-?([xy])$/, handlerDivide, { autocomplete: ["divide-(x|y|block|inline)", "divide-(x|y|block|inline)-reverse", "divide-(x|y|block|inline)-$lineWidth"] }],
[/^divide-?([xy])-?(.+)$/, handlerDivide],
[/^divide-?([xy])-reverse$/, ([, d]) => ({ [`--un-divide-${d}-reverse`]: 1 })],
[/^divide-(block|inline)$/, handlerDivide],
[/^divide-(block|inline)-(.+)$/, handlerDivide],
[/^divide-(block|inline)-reverse$/, ([, d]) => ({ [`--un-divide-${d}-reverse`]: 1 })],
// color & opacity
[/^divide-(.+)$/, colorResolver("border-color", "divide", "borderColor"), { autocomplete: "divide-$colors" }],
[/^divide-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-divide-opacity": h.bracket.percent(opacity) }), { autocomplete: ["divide-(op|opacity)", "divide-(op|opacity)-<percent>"] }],
// styles
...borderStyles.map((style) => [`divide-${style}`, { "border-style": style }])
];
function handlerDivide([, d, s], { theme }) {
let v = theme.lineWidth?.[s || "DEFAULT"] ?? h.bracket.cssvar.px(s || "1");
if (v != null) {
if (v === "0")
v = "0px";
const results = directionMap[d].map((item) => {
const key = `border${item}-width`;
const value = item.endsWith("right") || item.endsWith("bottom") ? `calc(${v} * var(--un-divide-${d}-reverse))` : `calc(${v} * calc(1 - var(--un-divide-${d}-reverse)))`;
return [key, value];
});
if (results) {
return [
[`--un-divide-${d}-reverse`, 0],
...results
];
}
}
}
const lineClamps = [
[/^line-clamp-(\d+)$/, ([, v]) => ({
"overflow": "hidden",
"display": "-webkit-box",
"-webkit-box-orient": "vertical",
"-webkit-line-clamp": v,
"line-clamp": v
}), { autocomplete: ["line-clamp", "line-clamp-<num>"] }],
...["none", ...globalKeywords].map((keyword) => [`line-clamp-${keyword}`, {
"overflow": "visible",
"display": "block",
"-webkit-box-orient": "horizontal",
"-webkit-line-clamp": keyword,
"line-clamp": keyword
}])
];
const placeholders = [
// The prefix `$ ` is intentional. This rule is not to be matched directly from user-generated token.
// See variants/placeholder.
[/^\$ placeholder-(.+)$/, colorResolver("color", "placeholder", "accentColor"), { autocomplete: "placeholder-$colors" }],
[/^\$ placeholder-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-placeholder-opacity": h.bracket.percent(opacity) }), { autocomplete: ["placeholder-(op|opacity)", "placeholder-(op|opacity)-<percent>"] }]
];
const spaces = [
[/^space-([xy])-(.+)$/, handlerSpace, { autocomplete: ["space-(x|y|block|inline)", "space-(x|y|block|inline)-reverse", "space-(x|y|block|inline)-$spacing"] }],
[/^space-([xy])-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })],
[/^space-(block|inline)-(.+)$/, handlerSpace],
[/^space-(block|inline)-reverse$/, ([, d]) => ({ [`--un-space-${d}-reverse`]: 1 })]
];
function handlerSpace([, d, s], { theme }) {
let v = theme.spacing?.[s || "DEFAULT"] ?? h.bracket.cssvar.auto.fraction.rem(s || "1");
if (v != null) {
if (v === "0")
v = "0px";
const results = directionMap[d].map((item) => {
const key = `margin${item}`;
const value = item.endsWith("right") || item.endsWith("bottom") ? `calc(${v} * var(--un-space-${d}-reverse))` : `calc(${v} * calc(1 - var(--un-space-${d}-reverse)))`;
return [key, value];
});
if (results) {
return [
[`--un-space-${d}-reverse`, 0],
...results
];
}
}
}
const textTransforms = [
// tailwind compat
["uppercase", { "text-transform": "uppercase" }],
["lowercase", { "text-transform": "lowercase" }],
["capitalize", { "text-transform": "capitalize" }],
["normal-case", { "text-transform": "none" }]
];
const hyphens = [
...["manual", "auto", "none", ...globalKeywords].map((keyword) => [`hyphens-${keyword}`, {
"-webkit-hyphens": keyword,
"-ms-hyphens": keyword,
"hyphens": keyword
}])
];
const writingModes = [
["write-vertical-right", { "writing-mode": "vertical-rl" }],
["write-vertical-left", { "writing-mode": "vertical-lr" }],
["write-normal", { "writing-mode": "horizontal-tb" }],
...makeGlobalStaticRules("write", "writing-mode")
];
const writingOrientations = [
["write-orient-mixed", { "text-orientation": "mixed" }],
["write-orient-sideways", { "text-orientation": "sideways" }],
["write-orient-upright", { "text-orientation": "upright" }],
...makeGlobalStaticRules("write-orient", "text-orientation")
];
const screenReadersAccess = [
[
"sr-only",
{
"position": "absolute",
"width": "1px",
"height": "1px",
"padding": "0",
"margin": "-1px",
"overflow": "hidden",
"clip": "rect(0,0,0,0)",
"white-space": "nowrap",
"border-width": 0
}
],
[
"not-sr-only",
{
"position": "static",
"width": "auto",
"height": "auto",
"padding": "0",
"margin": "0",
"overflow": "visible",
"clip": "auto",
"white-space": "normal"
}
]
];
const isolations = [
["isolate", { isolation: "isolate" }],
["isolate-auto", { isolation: "auto" }],
["isolation-auto", { isolation: "auto" }]
];
const objectPositions = [
// object fit
["object-cover", { "object-fit": "cover" }],
["object-contain", { "object-fit": "contain" }],
["object-fill", { "object-fit": "fill" }],
["object-scale-down", { "object-fit": "scale-down" }],
["object-none", { "object-fit": "none" }],
// object position
[/^object-(.+)$/, ([, d]) => {
if (positionMap[d])
return { "object-position": positionMap[d] };
if (h.bracketOfPosition(d) != null)
return { "object-position": h.bracketOfPosition(d).split(" ").map((e) => h.position.fraction.auto.px.cssvar(e) ?? e).join(" ") };
}, { autocomplete: `object-(${Object.keys(positionMap).join("|")})` }]
];
const backgroundBlendModes = [
["bg-blend-multiply", { "background-blend-mode": "multiply" }],
["bg-blend-screen", { "background-blend-mode": "screen" }],
["bg-blend-overlay", { "background-blend-mode": "overlay" }],
["bg-blend-darken", { "background-blend-mode": "darken" }],
["bg-blend-lighten", { "background-blend-mode": "lighten" }],
["bg-blend-color-dodge", { "background-blend-mode": "color-dodge" }],
["bg-blend-color-burn", { "background-blend-mode": "color-burn" }],
["bg-blend-hard-light", { "background-blend-mode": "hard-light" }],
["bg-blend-soft-light", { "background-blend-mode": "soft-light" }],
["bg-blend-difference", { "background-blend-mode": "difference" }],
["bg-blend-exclusion", { "background-blend-mode": "exclusion" }],
["bg-blend-hue", { "background-blend-mode": "hue" }],
["bg-blend-saturation", { "background-blend-mode": "saturation" }],
["bg-blend-color", { "background-blend-mode": "color" }],
["bg-blend-luminosity", { "background-blend-mode": "luminosity" }],
["bg-blend-normal", { "background-blend-mode": "normal" }],
...makeGlobalStaticRules("bg-blend", "background-blend")
];
const mixBlendModes = [
["mix-blend-multiply", { "mix-blend-mode": "multiply" }],
["mix-blend-screen", { "mix-blend-mode": "screen" }],
["mix-blend-overlay", { "mix-blend-mode": "overlay" }],
["mix-blend-darken", { "mix-blend-mode": "darken" }],
["mix-blend-lighten", { "mix-blend-mode": "lighten" }],
["mix-blend-color-dodge", { "mix-blend-mode": "color-dodge" }],
["mix-blend-color-burn", { "mix-blend-mode": "color-burn" }],
["mix-blend-hard-light", { "mix-blend-mode": "hard-light" }],
["mix-blend-soft-light", { "mix-blend-mode": "soft-light" }],
["mix-blend-difference", { "mix-blend-mode": "difference" }],
["mix-blend-exclusion", { "mix-blend-mode": "exclusion" }],
["mix-blend-hue", { "mix-blend-mode": "hue" }],
["mix-blend-saturation", { "mix-blend-mode": "saturation" }],
["mix-blend-color", { "mix-blend-mode": "color" }],
["mix-blend-luminosity", { "mix-blend-mode": "luminosity" }],
["mix-blend-plus-lighter", { "mix-blend-mode": "plus-lighter" }],
["mix-blend-normal", { "mix-blend-mode": "normal" }],
...makeGlobalStaticRules("mix-blend")
];
const dynamicViewportHeight = [
["min-h-dvh", { "min-height": "100dvh" }],
["min-h-svh", { "min-height": "100svh" }],
["min-h-lvh", { "min-height": "100lvh" }],
["h-dvh", { height: "100dvh" }],
["h-svh", { height: "100svh" }],
["h-lvh", { height: "100lvh" }],
["max-h-dvh", { "max-height": "100dvh" }],
["max-h-svh", { "max-height": "100svh" }],
["max-h-lvh", { "max-height": "100lvh" }]
];
const variablesAbbrMap = {
"bg-blend": "background-blend-mode",
"bg-clip": "-webkit-background-clip",
"bg-gradient": "linear-gradient",
"bg-image": "background-image",
"bg-origin": "background-origin",
"bg-position": "background-position",
"bg-repeat": "background-repeat",
"bg-size": "background-size",
"mix-blend": "mix-blend-mode",
"object": "object-fit",
"object-position": "object-position",
"write": "writing-mode",
"write-orient": "text-orientation"
};
const cssVariables = [
[/^(.+?)-(\$.+)$/, ([, name, varname]) => {
const prop = variablesAbbrMap[name];
if (prop)
return { [prop]: h.cssvar(varname) };
}]
];
const viewTransition = [
[/^view-transition-([\w-]+)$/, ([, name]) => {
return { "view-transition-name": name };
}]
];
const rules = [
_.cssVariables,
cssVariables,
_.cssProperty,
container,
_.contains,
screenReadersAccess,
_.pointerEvents,
_.appearances,
_.positions,
_.insets,
lineClamps,
isolations,
_.zIndexes,
_.orders,
_.grids,
_.floats,
_.margins,
_.boxSizing,
_.displays,
_.aspectRatio,
_.sizes,
_.flex,
tables,
_.transforms,
animations,
_.cursors,
touchActions,
_.userSelects,
_.resizes,
scrolls,
listStyle,
_.appearance,
columns,
_.placements,
_.alignments,
_.justifies,
_.gaps,
_.flexGridJustifiesAlignments,
spaces,
divides,
_.overflows,
overscrolls,
scrollBehaviors,
_.textOverflows,
_.whitespaces,
_.breaks,
_.borders,
_.bgColors,
backgroundStyles,
_.colorScheme,
_.svgUtilities,
objectPositions,
_.paddings,
_.textAligns,
_.textIndents,
_.textWraps,
_.verticalAligns,
_.fonts,
_.textTransforms,
textTransforms,
_.fontStyles,
fontVariantNumeric,
_.textDecorations,
_.fontSmoothings,
_.tabSizes,
_.textStrokes,
_.textShadows,
hyphens,
writingModes,
writingOrientations,
carets,
accents,
_.opacity,
backgroundBlendModes,
mixBlendModes,
_.boxShadows,
_.outline,
_.rings,
imageRenderings,
filters,
_.transitions,
_.willChange,
_.contentVisibility,
_.contents,
placeholders,
_.containerParent,
viewTransition,
dynamicViewportHeight,
// should be the last
_.questionMark
].flat(1);
export { animations as a, backgroundStyles as b, accents as c, carets as d, columns as e, divides as f, lineClamps as g, spaces as h, imageRenderings as i, hyphens as j, writingOrientations as k, listStyle as l, screenReadersAccess as m, isolations as n, overscrolls as o, placeholders as p, objectPositions as q, rules as r, scrollBehaviors as s, textTransforms as t, backgroundBlendModes as u, mixBlendModes as v, writingModes as w, dynamicViewportHeight as x, cssVariables as y, viewTransition as z };
@@ -0,0 +1,85 @@
import { variants as variants$1 } from '@unocss/preset-mini/variants';
import { variantMatcher, variantParentMatcher, hasParseableColor, h } from '@unocss/preset-mini/utils';
import { variantMatcher as variantMatcher$1 } from '@unocss/rule-utils';
const variantCombinators = [
variantMatcher("svg", (input) => ({ selector: `${input.selector} svg` }))
];
const variantColorsScheme = [
variantMatcher(".dark", (input) => ({ prefix: `.dark $$ ${input.prefix}` })),
variantMatcher(".light", (input) => ({ prefix: `.light $$ ${input.prefix}` })),
variantParentMatcher("@dark", "@media (prefers-color-scheme: dark)"),
variantParentMatcher("@light", "@media (prefers-color-scheme: light)")
];
const variantContrasts = [
variantParentMatcher("contrast-more", "@media (prefers-contrast: more)"),
variantParentMatcher("contrast-less", "@media (prefers-contrast: less)")
];
const variantMotions = [
variantParentMatcher("motion-reduce", "@media (prefers-reduced-motion: reduce)"),
variantParentMatcher("motion-safe", "@media (prefers-reduced-motion: no-preference)")
];
const variantOrientations = [
variantParentMatcher("landscape", "@media (orientation: landscape)"),
variantParentMatcher("portrait", "@media (orientation: portrait)")
];
const variantSpaceAndDivide = (matcher) => {
if (matcher.startsWith("_"))
return;
if (/space-[xy]-.+$/.test(matcher) || /divide-/.test(matcher)) {
return {
matcher,
selector: (input) => {
const not = ">:not([hidden])~:not([hidden])";
return input.includes(not) ? input : `${input}${not}`;
}
};
}
};
const variantStickyHover = [
variantMatcher$1("@hover", (input) => ({
parent: `${input.parent ? `${input.parent} $$ ` : ""}@media (hover: hover) and (pointer: fine)`,
selector: `${input.selector || ""}:hover`
}))
];
const placeholderModifier = (input, { theme }) => {
const m = input.match(/^(.*)\b(placeholder-)(.+)$/);
if (m) {
const [, pre = "", p, body] = m;
if (hasParseableColor(body, theme, "accentColor") || hasOpacityValue(body)) {
return {
// Append `placeholder-$ ` (with space!) to the rule to be matched.
// The `placeholder-` is added for placeholder variant processing, and
// the `$ ` is added for rule matching after `placeholder-` is removed by the variant.
// See rules/placeholder.
matcher: `${pre}placeholder-$ ${p}${body}`
};
}
}
};
function hasOpacityValue(body) {
const match = body.match(/^op(?:acity)?-?(.+)$/);
if (match && match[1] != null)
return h.bracket.percent(match[1]) != null;
return false;
}
function variants(options) {
return [
placeholderModifier,
variantSpaceAndDivide,
...variants$1(options),
...variantContrasts,
...variantOrientations,
...variantMotions,
...variantCombinators,
...variantColorsScheme,
...variantStickyHover
];
}
export { variantColorsScheme as a, variants as b, variantContrasts as c, variantMotions as d, variantOrientations as e, variantSpaceAndDivide as f, variantStickyHover as g, placeholderModifier as p, variantCombinators as v };
@@ -0,0 +1,67 @@
import { isString } from '@unocss/core';
import { resolveBreakpoints } from '@unocss/preset-mini/utils';
const queryMatcher = /@media \(min-width: (.+)\)/;
const container = [
[
/^__container$/,
(m, context) => {
const { theme, variantHandlers } = context;
const themePadding = theme.container?.padding;
let padding;
if (isString(themePadding))
padding = themePadding;
else
padding = themePadding?.DEFAULT;
const themeMaxWidth = theme.container?.maxWidth;
let maxWidth;
for (const v of variantHandlers) {
const query = v.handle?.({}, (x) => x)?.parent;
if (isString(query)) {
const match = query.match(queryMatcher)?.[1];
if (match) {
const bp = resolveBreakpoints(context) ?? [];
const matchBp = bp.find((i) => i.size === match)?.point;
if (!themeMaxWidth)
maxWidth = match;
else if (matchBp)
maxWidth = themeMaxWidth?.[matchBp];
if (matchBp && !isString(themePadding))
padding = themePadding?.[matchBp] ?? padding;
}
}
}
const css = {
"max-width": maxWidth
};
if (!variantHandlers.length)
css.width = "100%";
if (theme.container?.center) {
css["margin-left"] = "auto";
css["margin-right"] = "auto";
}
if (themePadding) {
css["padding-left"] = padding;
css["padding-right"] = padding;
}
return css;
},
{ internal: true }
]
];
const containerShortcuts = [
[/^(?:(\w+)[:-])?container$/, ([, bp], context) => {
let points = (resolveBreakpoints(context) ?? []).map((i) => i.point);
if (bp) {
if (!points.includes(bp))
return;
points = points.slice(points.indexOf(bp));
}
const shortcuts = points.map((p) => `${p}:__container`);
if (!bp)
shortcuts.unshift("__container");
return shortcuts;
}]
];
export { containerShortcuts as a, container as c };
@@ -0,0 +1,6 @@
import { Rule } from '@unocss/core';
import { Theme } from '@unocss/preset-mini';
declare const rules: Rule<Theme>[];
export { rules as r };
@@ -0,0 +1,6 @@
import { Rule } from '@unocss/core';
import { Theme } from '@unocss/preset-mini';
declare const rules: Rule<Theme>[];
export { rules as r };
@@ -0,0 +1,279 @@
import { varEmpty } from '@unocss/preset-mini/rules';
import { colorResolver, h, globalKeywords, colorableShadows, directionSize, makeGlobalStaticRules } from '@unocss/preset-mini/utils';
const filterBase = {
"--un-blur": varEmpty,
"--un-brightness": varEmpty,
"--un-contrast": varEmpty,
"--un-drop-shadow": varEmpty,
"--un-grayscale": varEmpty,
"--un-hue-rotate": varEmpty,
"--un-invert": varEmpty,
"--un-saturate": varEmpty,
"--un-sepia": varEmpty
};
const filterBaseKeys = Object.keys(filterBase);
const filterMetaCustom = {
preflightKeys: filterBaseKeys
};
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)";
const backdropFilterBase = {
"--un-backdrop-blur": varEmpty,
"--un-backdrop-brightness": varEmpty,
"--un-backdrop-contrast": varEmpty,
"--un-backdrop-grayscale": varEmpty,
"--un-backdrop-hue-rotate": varEmpty,
"--un-backdrop-invert": varEmpty,
"--un-backdrop-opacity": varEmpty,
"--un-backdrop-saturate": varEmpty,
"--un-backdrop-sepia": varEmpty
};
const backdropFilterBaseKeys = Object.keys(backdropFilterBase);
const backdropMetaCustom = {
preflightKeys: backdropFilterBaseKeys
};
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)";
const composeMetaCustom = {
preflightKeys: [...filterBaseKeys, ...backdropFilterBaseKeys]
};
function percentWithDefault(str) {
let v = h.bracket.cssvar(str || "");
if (v != null)
return v;
v = str ? h.percent(str) : "1";
if (v != null && Number.parseFloat(v) <= 1)
return v;
}
function toFilter(varName, resolver) {
return ([, b, s], { theme }) => {
const value = resolver(s, theme) ?? (s === "none" ? "0" : "");
if (value !== "") {
if (b) {
return {
[`--un-${b}${varName}`]: `${varName}(${value})`,
"-webkit-backdrop-filter": backdropFilterProperty,
"backdrop-filter": backdropFilterProperty
};
} else {
return {
[`--un-${varName}`]: `${varName}(${value})`,
filter: filterProperty
};
}
}
};
}
function dropShadowResolver([, s], { theme }) {
let v = theme.dropShadow?.[s || "DEFAULT"];
if (v != null) {
const shadows = colorableShadows(v, "--un-drop-shadow-color");
return {
"--un-drop-shadow": `drop-shadow(${shadows.join(") drop-shadow(")})`,
"filter": filterProperty
};
}
v = h.bracket.cssvar(s);
if (v != null) {
return {
"--un-drop-shadow": `drop-shadow(${v})`,
"filter": filterProperty
};
}
}
const filters = [
// filters
[/^(?:(backdrop-)|filter-)?blur(?:-(.+))?$/, toFilter("blur", (s, theme) => theme.blur?.[s || "DEFAULT"] || h.bracket.cssvar.px(s)), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-blur-$blur", "blur-$blur", "filter-blur"] }],
[/^(?:(backdrop-)|filter-)?brightness-(.+)$/, toFilter("brightness", (s) => h.bracket.cssvar.percent(s)), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-brightness-<percent>", "brightness-<percent>"] }],
[/^(?:(backdrop-)|filter-)?contrast-(.+)$/, toFilter("contrast", (s) => h.bracket.cssvar.percent(s)), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-contrast-<percent>", "contrast-<percent>"] }],
// drop-shadow only on filter
[/^(?:filter-)?drop-shadow(?:-(.+))?$/, dropShadowResolver, {
custom: filterMetaCustom,
autocomplete: [
"filter-drop",
"filter-drop-shadow",
"filter-drop-shadow-color",
"drop-shadow",
"drop-shadow-color",
"filter-drop-shadow-$dropShadow",
"drop-shadow-$dropShadow",
"filter-drop-shadow-color-$colors",
"drop-shadow-color-$colors",
"filter-drop-shadow-color-(op|opacity)",
"drop-shadow-color-(op|opacity)",
"filter-drop-shadow-color-(op|opacity)-<percent>",
"drop-shadow-color-(op|opacity)-<percent>"
]
}],
[/^(?:filter-)?drop-shadow-color-(.+)$/, colorResolver("--un-drop-shadow-color", "drop-shadow", "shadowColor")],
[/^(?:filter-)?drop-shadow-color-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-drop-shadow-opacity": h.bracket.percent(opacity) })],
[/^(?:(backdrop-)|filter-)?grayscale(?:-(.+))?$/, toFilter("grayscale", percentWithDefault), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-grayscale", "(backdrop|filter)-grayscale-<percent>", "grayscale-<percent>"] }],
[/^(?:(backdrop-)|filter-)?hue-rotate-(.+)$/, toFilter("hue-rotate", (s) => h.bracket.cssvar.degree(s)), { custom: composeMetaCustom }],
[/^(?:(backdrop-)|filter-)?invert(?:-(.+))?$/, toFilter("invert", percentWithDefault), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-invert", "(backdrop|filter)-invert-<percent>", "invert-<percent>"] }],
// opacity only on backdrop-filter
[/^(backdrop-)op(?:acity)?-(.+)$/, toFilter("opacity", (s) => h.bracket.cssvar.percent(s)), { custom: composeMetaCustom, autocomplete: ["backdrop-(op|opacity)", "backdrop-(op|opacity)-<percent>"] }],
[/^(?:(backdrop-)|filter-)?saturate-(.+)$/, toFilter("saturate", (s) => h.bracket.cssvar.percent(s)), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-saturate", "(backdrop|filter)-saturate-<percent>", "saturate-<percent>"] }],
[/^(?:(backdrop-)|filter-)?sepia(?:-(.+))?$/, toFilter("sepia", percentWithDefault), { custom: composeMetaCustom, autocomplete: ["(backdrop|filter)-sepia", "(backdrop|filter)-sepia-<percent>", "sepia-<percent>"] }],
// base
["filter", { filter: filterProperty }, { custom: filterMetaCustom }],
["backdrop-filter", {
"-webkit-backdrop-filter": backdropFilterProperty,
"backdrop-filter": backdropFilterProperty
}, { custom: backdropMetaCustom }],
// nones
["filter-none", { filter: "none" }],
["backdrop-filter-none", {
"-webkit-backdrop-filter": "none",
"backdrop-filter": "none"
}],
...globalKeywords.map((keyword) => [`filter-${keyword}`, { filter: keyword }]),
...globalKeywords.map((keyword) => [`backdrop-filter-${keyword}`, {
"-webkit-backdrop-filter": keyword,
"backdrop-filter": keyword
}])
];
const scrollSnapTypeBase = {
"--un-scroll-snap-strictness": "proximity"
};
const custom$3 = { preflightKeys: Object.keys(scrollSnapTypeBase) };
const scrolls = [
// snap type
[/^snap-(x|y)$/, ([, d]) => ({
"scroll-snap-type": `${d} var(--un-scroll-snap-strictness)`
}), { custom: custom$3, autocomplete: "snap-(x|y|both)" }],
[/^snap-both$/, () => ({
"scroll-snap-type": "both var(--un-scroll-snap-strictness)"
}), { custom: custom$3 }],
["snap-mandatory", { "--un-scroll-snap-strictness": "mandatory" }],
["snap-proximity", { "--un-scroll-snap-strictness": "proximity" }],
["snap-none", { "scroll-snap-type": "none" }],
// snap align
["snap-start", { "scroll-snap-align": "start" }],
["snap-end", { "scroll-snap-align": "end" }],
["snap-center", { "scroll-snap-align": "center" }],
["snap-align-none", { "scroll-snap-align": "none" }],
// snap stop
["snap-normal", { "scroll-snap-stop": "normal" }],
["snap-always", { "scroll-snap-stop": "always" }],
// scroll margin
[/^scroll-ma?()-?(.+)$/, directionSize("scroll-margin"), {
autocomplete: [
"scroll-(m|p|ma|pa|block|inline)",
"scroll-(m|p|ma|pa|block|inline)-$spacing",
"scroll-(m|p|ma|pa|block|inline)-(x|y|r|l|t|b|bs|be|is|ie)",
"scroll-(m|p|ma|pa|block|inline)-(x|y|r|l|t|b|bs|be|is|ie)-$spacing"
]
}],
[/^scroll-m-?([xy])-?(.+)$/, directionSize("scroll-margin")],
[/^scroll-m-?([rltb])-?(.+)$/, directionSize("scroll-margin")],
[/^scroll-m-(block|inline)-(.+)$/, directionSize("scroll-margin")],
[/^scroll-m-?([bi][se])-?(.+)$/, directionSize("scroll-margin")],
// scroll padding
[/^scroll-pa?()-?(.+)$/, directionSize("scroll-padding")],
[/^scroll-p-?([xy])-?(.+)$/, directionSize("scroll-padding")],
[/^scroll-p-?([rltb])-?(.+)$/, directionSize("scroll-padding")],
[/^scroll-p-(block|inline)-(.+)$/, directionSize("scroll-padding")],
[/^scroll-p-?([bi][se])-?(.+)$/, directionSize("scroll-padding")]
];
const borderSpacingBase = {
"--un-border-spacing-x": 0,
"--un-border-spacing-y": 0
};
const custom$2 = { preflightKeys: Object.keys(borderSpacingBase) };
const borderSpacingProperty = "var(--un-border-spacing-x) var(--un-border-spacing-y)";
const tables = [
// displays
["inline-table", { display: "inline-table" }],
["table", { display: "table" }],
["table-caption", { display: "table-caption" }],
["table-cell", { display: "table-cell" }],
["table-column", { display: "table-column" }],
["table-column-group", { display: "table-column-group" }],
["table-footer-group", { display: "table-footer-group" }],
["table-header-group", { display: "table-header-group" }],
["table-row", { display: "table-row" }],
["table-row-group", { display: "table-row-group" }],
// layouts
["border-collapse", { "border-collapse": "collapse" }],
["border-separate", { "border-collapse": "separate" }],
[/^border-spacing-(.+)$/, ([, s], { theme }) => {
const v = theme.spacing?.[s] ?? h.bracket.cssvar.global.auto.fraction.rem(s);
if (v != null) {
return {
"--un-border-spacing-x": v,
"--un-border-spacing-y": v,
"border-spacing": borderSpacingProperty
};
}
}, { custom: custom$2, autocomplete: ["border-spacing", "border-spacing-$spacing"] }],
[/^border-spacing-([xy])-(.+)$/, ([, d, s], { theme }) => {
const v = theme.spacing?.[s] ?? h.bracket.cssvar.global.auto.fraction.rem(s);
if (v != null) {
return {
[`--un-border-spacing-${d}`]: v,
"border-spacing": borderSpacingProperty
};
}
}, { custom: custom$2, autocomplete: ["border-spacing-(x|y)", "border-spacing-(x|y)-$spacing"] }],
["caption-top", { "caption-side": "top" }],
["caption-bottom", { "caption-side": "bottom" }],
["table-auto", { "table-layout": "auto" }],
["table-fixed", { "table-layout": "fixed" }],
["table-empty-cells-visible", { "empty-cells": "show" }],
["table-empty-cells-hidden", { "empty-cells": "hide" }]
];
const touchActionBase = {
"--un-pan-x": varEmpty,
"--un-pan-y": varEmpty,
"--un-pinch-zoom": varEmpty
};
const custom$1 = { preflightKeys: Object.keys(touchActionBase) };
const touchActionProperty = "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)";
const touchActions = [
[/^touch-pan-(x|left|right)$/, ([, d]) => ({
"--un-pan-x": `pan-${d}`,
"touch-action": touchActionProperty
}), { custom: custom$1, autocomplete: ["touch-pan", "touch-pan-(x|left|right|y|up|down)"] }],
[/^touch-pan-(y|up|down)$/, ([, d]) => ({
"--un-pan-y": `pan-${d}`,
"touch-action": touchActionProperty
}), { custom: custom$1 }],
["touch-pinch-zoom", {
"--un-pinch-zoom": "pinch-zoom",
"touch-action": touchActionProperty
}, { custom: custom$1 }],
["touch-auto", { "touch-action": "auto" }],
["touch-manipulation", { "touch-action": "manipulation" }],
["touch-none", { "touch-action": "none" }],
...makeGlobalStaticRules("touch", "touch-action")
];
const fontVariantNumericBase = {
"--un-ordinal": varEmpty,
"--un-slashed-zero": varEmpty,
"--un-numeric-figure": varEmpty,
"--un-numeric-spacing": varEmpty,
"--un-numeric-fraction": varEmpty
};
const custom = { preflightKeys: Object.keys(fontVariantNumericBase) };
function toEntries(entry) {
return {
...entry,
"font-variant-numeric": "var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction)"
};
}
const fontVariantNumeric = [
[/^ordinal$/, () => toEntries({ "--un-ordinal": "ordinal" }), { custom, autocomplete: "ordinal" }],
[/^slashed-zero$/, () => toEntries({ "--un-slashed-zero": "slashed-zero" }), { custom, autocomplete: "slashed-zero" }],
[/^lining-nums$/, () => toEntries({ "--un-numeric-figure": "lining-nums" }), { custom, autocomplete: "lining-nums" }],
[/^oldstyle-nums$/, () => toEntries({ "--un-numeric-figure": "oldstyle-nums" }), { custom, autocomplete: "oldstyle-nums" }],
[/^proportional-nums$/, () => toEntries({ "--un-numeric-spacing": "proportional-nums" }), { custom, autocomplete: "proportional-nums" }],
[/^tabular-nums$/, () => toEntries({ "--un-numeric-spacing": "tabular-nums" }), { custom, autocomplete: "tabular-nums" }],
[/^diagonal-fractions$/, () => toEntries({ "--un-numeric-fraction": "diagonal-fractions" }), { custom, autocomplete: "diagonal-fractions" }],
[/^stacked-fractions$/, () => toEntries({ "--un-numeric-fraction": "stacked-fractions" }), { custom, autocomplete: "stacked-fractions" }],
["normal-nums", { "font-variant-numeric": "normal" }]
];
export { filters as a, backdropFilterBase as b, scrolls as c, borderSpacingBase as d, touchActionBase as e, filterBase as f, touchActions as g, fontVariantNumericBase as h, fontVariantNumeric as i, scrollSnapTypeBase as s, tables as t };
+6
View File
@@ -0,0 +1,6 @@
import * as _unocss_core from '@unocss/core';
import * as _unocss_preset_mini from '@unocss/preset-mini';
declare const shortcuts: _unocss_core.Shortcut<_unocss_preset_mini.Theme>[];
export { shortcuts };
+6
View File
@@ -0,0 +1,6 @@
import * as _unocss_core from '@unocss/core';
import * as _unocss_preset_mini from '@unocss/preset-mini';
declare const shortcuts: _unocss_core.Shortcut<_unocss_preset_mini.Theme>[];
export { shortcuts };
+9
View File
@@ -0,0 +1,9 @@
import { a as containerShortcuts } from './shared/preset-wind.BzmnsdqZ.mjs';
import '@unocss/core';
import '@unocss/preset-mini/utils';
const shortcuts = [
...containerShortcuts
];
export { shortcuts };
+5
View File
@@ -0,0 +1,5 @@
import { Theme } from '@unocss/preset-mini';
declare const theme: Theme;
export { theme };
+5
View File
@@ -0,0 +1,5 @@
import { Theme } from '@unocss/preset-mini';
declare const theme: Theme;
export { theme };
+315
View File
@@ -0,0 +1,315 @@
import { transformBase, boxShadowsBase, ringBase } from '@unocss/preset-mini/rules';
import { theme as theme$1 } from '@unocss/preset-mini/theme';
import { e as touchActionBase, s as scrollSnapTypeBase, h as fontVariantNumericBase, d as borderSpacingBase, f as filterBase, b as backdropFilterBase } from './shared/preset-wind.DjKJQ_OR.mjs';
import '@unocss/preset-mini/utils';
const theme = {
...theme$1,
aria: {
busy: 'busy="true"',
checked: 'checked="true"',
disabled: 'disabled="true"',
expanded: 'expanded="true"',
hidden: 'hidden="true"',
pressed: 'pressed="true"',
readonly: 'readonly="true"',
required: 'required="true"',
selected: 'selected="true"'
},
animation: {
keyframes: {
"pulse": "{0%, 100% {opacity:1} 50% {opacity:.5}}",
"bounce": "{0%, 100% {transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)} 50% {transform:translateY(0);animation-timing-function:cubic-bezier(0,0,0.2,1)}}",
"spin": "{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}",
"ping": "{0%{transform:scale(1);opacity:1}75%,100%{transform:scale(2);opacity:0}}",
"bounce-alt": "{from,20%,53%,80%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}",
"flash": "{from,50%,to{opacity:1}25%,75%{opacity:0}}",
"pulse-alt": "{from{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scale3d(1,1,1)}}",
"rubber-band": "{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(0.95,1.05,1)}75%{transform:scale3d(1.05,0.95,1)}to{transform:scale3d(1,1,1)}}",
"shake-x": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}",
"shake-y": "{from,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}",
"head-shake": "{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}",
"swing": "{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}",
"tada": "{from{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{transform:scale3d(1,1,1)}}",
"wobble": "{from{transform:translate3d(0,0,0)}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{transform:translate3d(0,0,0)}}",
"jello": "{from,11.1%,to{transform:translate3d(0,0,0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg)skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}",
"heart-beat": "{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}",
"hinge": "{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out}to{transform:translate3d(0,700px,0);opacity:0}}",
"jack-in-the-box": "{from{opacity:0;transform-origin:center bottom;transform:scale(0.1) rotate(30deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{transform:scale(1)}}",
"light-speed-in-left": "{from{opacity:0;transform:translate3d(-100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}}",
"light-speed-in-right": "{from{opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translate3d(0,0,0)}}",
"light-speed-out-left": "{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0) skewX(30deg)}}",
"light-speed-out-right": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}",
"flip": "{from{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);animation-timing-function:ease-in}}",
"flip-in-x": "{from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}",
"flip-in-y": "{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}",
"flip-out-x": "{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}",
"flip-out-y": "{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}",
"rotate-in": "{from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:translate3d(0,0,0);opacity:1}}",
"rotate-in-down-left": "{from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:translate3d(0,0,0);opacity:1}}",
"rotate-in-down-right": "{from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}",
"rotate-in-up-left": "{from{transform-origin:left top;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left top;transform:translate3d(0,0,0);opacity:1}}",
"rotate-in-up-right": "{from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:translate3d(0,0,0);opacity:1}}",
"rotate-out": "{from{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}",
"rotate-out-down-left": "{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}",
"rotate-out-down-right": "{from{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}",
"rotate-out-up-left": "{from{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}",
"rotate-out-up-right": "{from{transform-origin:right bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}",
"roll-in": "{from{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:translate3d(0,0,0)}}",
"roll-out": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}",
"zoom-in": "{from{opacity:0;transform:scale3d(0.3,0.3,0.3)}50%{opacity:1}}",
"zoom-in-down": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
"zoom-in-left": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
"zoom-in-right": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
"zoom-in-up": "{from{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}60%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
"zoom-out": "{from{opacity:1}50%{opacity:0;transform:scale3d(0.3,0.3,0.3)}to{opacity:0}}",
"zoom-out-down": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
"zoom-out-left": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px,0,0);transform-origin:left center}}",
"zoom-out-right": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(0.1) translate3d(2000px,0,0);transform-origin:right center}}",
"zoom-out-up": "{40%{opacity:1;transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}to{opacity:0;transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}}",
"bounce-in": "{from,20%,40%,60%,80%,to{animation-timing-function:ease-in-out}0%{opacity:0;transform:scale3d(0.3,0.3,0.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(0.9,0.9,0.9)}60%{transform:scale3d(1.03,1.03,1.03);opacity:1}80%{transform:scale3d(0.97,0.97,0.97)}to{opacity:1;transform:scale3d(1,1,1)}}",
"bounce-in-down": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translate3d(0,0,0)}}",
"bounce-in-left": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:translate3d(0,0,0)}}",
"bounce-in-right": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:translate3d(0,0,0)}}",
"bounce-in-up": "{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}",
"bounce-out": "{20%{transform:scale3d(0.9,0.9,0.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(0.3,0.3,0.3)}}",
"bounce-out-down": "{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}",
"bounce-out-left": "{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}",
"bounce-out-right": "{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}",
"bounce-out-up": "{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}",
"slide-in-down": "{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
"slide-in-left": "{from{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
"slide-in-right": "{from{transform:translate3d(100%,0,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
"slide-in-up": "{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}",
"slide-out-down": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}",
"slide-out-left": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}",
"slide-out-right": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}",
"slide-out-up": "{from{transform:translate3d(0,0,0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}",
"fade-in": "{from{opacity:0}to{opacity:1}}",
"fade-in-down": "{from{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-down-big": "{from{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-left": "{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-left-big": "{from{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-right": "{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-right-big": "{from{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-up": "{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-up-big": "{from{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-top-left": "{from{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-top-right": "{from{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-bottom-left": "{from{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-in-bottom-right": "{from{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translate3d(0,0,0)}}",
"fade-out": "{from{opacity:1}to{opacity:0}}",
"fade-out-down": "{from{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}",
"fade-out-down-big": "{from{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}",
"fade-out-left": "{from{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}",
"fade-out-left-big": "{from{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}",
"fade-out-right": "{from{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}",
"fade-out-right-big": "{from{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}",
"fade-out-up": "{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}",
"fade-out-up-big": "{from{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}",
"fade-out-top-left": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}",
"fade-out-top-right": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}",
"fade-out-bottom-left": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}",
"fade-out-bottom-right": "{from{opacity:1;transform:translate3d(0,0,0)}to{opacity:0;transform:translate3d(100%,100%,0)}}",
"back-in-up": "{0%{opacity:0.7;transform:translateY(1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
"back-in-down": "{0%{opacity:0.7;transform:translateY(-1200px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
"back-in-right": "{0%{opacity:0.7;transform:translateX(2000px) scale(0.7)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
"back-in-left": "{0%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}80%{opacity:0.7;transform:translateX(0px) scale(0.7)}100%{opacity:1;transform:scale(1)}}",
"back-out-up": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}",
"back-out-down": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateY(700px) scale(0.7)}}",
"back-out-right": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateY(0px) scale(0.7)}100%{opacity:0.7;transform:translateX(2000px) scale(0.7)}}",
"back-out-left": "{0%{opacity:1;transform:scale(1)}80%{opacity:0.7;transform:translateX(-2000px) scale(0.7)}100%{opacity:0.7;transform:translateY(-700px) scale(0.7)}}"
},
durations: {
"pulse": "2s",
"heart-beat": "1.3s",
"bounce-in": "0.75s",
"bounce-out": "0.75s",
"flip-out-x": "0.75s",
"flip-out-y": "0.75s",
"hinge": "2s"
},
timingFns: {
"pulse": "cubic-bezier(0.4,0,.6,1)",
"ping": "cubic-bezier(0,0,.2,1)",
"head-shake": "ease-in-out",
"heart-beat": "ease-in-out",
"pulse-alt": "ease-in-out",
"light-speed-in-left": "ease-out",
"light-speed-in-right": "ease-out",
"light-speed-out-left": "ease-in",
"light-speed-out-right": "ease-in"
},
properties: {
"bounce-alt": { "transform-origin": "center bottom" },
"jello": { "transform-origin": "center" },
"swing": { "transform-origin": "top center" },
"flip": { "backface-visibility": "visible" },
"flip-in-x": { "backface-visibility": "visible !important" },
"flip-in-y": { "backface-visibility": "visible !important" },
"flip-out-x": { "backface-visibility": "visible !important" },
"flip-out-y": { "backface-visibility": "visible !important" },
"rotate-in": { "transform-origin": "center" },
"rotate-in-down-left": { "transform-origin": "left bottom" },
"rotate-in-down-right": { "transform-origin": "right bottom" },
"rotate-in-up-left": { "transform-origin": "left bottom" },
"rotate-in-up-right": { "transform-origin": "right bottom" },
"rotate-out": { "transform-origin": "center" },
"rotate-out-down-left": { "transform-origin": "left bottom" },
"rotate-out-down-right": { "transform-origin": "right bottom" },
"rotate-out-up-left": { "transform-origin": "left bottom" },
"rotate-out-up-right": { "transform-origin": "right bottom" },
"hinge": { "transform-origin": "top left" },
"zoom-out-down": { "transform-origin": "center bottom" },
"zoom-out-left": { "transform-origin": "left center" },
"zoom-out-right": { "transform-origin": "right center" },
"zoom-out-up": { "transform-origin": "center bottom" }
},
counts: {
"spin": "infinite",
"ping": "infinite",
"pulse": "infinite",
"pulse-alt": "infinite",
"bounce": "infinite",
"bounce-alt": "infinite"
},
category: {
"pulse": "Attention Seekers",
"bounce": "Attention Seekers",
"spin": "Attention Seekers",
"ping": "Attention Seekers",
"bounce-alt": "Attention Seekers",
"flash": "Attention Seekers",
"pulse-alt": "Attention Seekers",
"rubber-band": "Attention Seekers",
"shake-x": "Attention Seekers",
"shake-y": "Attention Seekers",
"head-shake": "Attention Seekers",
"swing": "Attention Seekers",
"tada": "Attention Seekers",
"wobble": "Attention Seekers",
"jello": "Attention Seekers",
"heart-beat": "Attention Seekers",
"hinge": "Specials",
"jack-in-the-box": "Specials",
"light-speed-in-left": "Lightspeed",
"light-speed-in-right": "Lightspeed",
"light-speed-out-left": "Lightspeed",
"light-speed-out-right": "Lightspeed",
"flip": "Flippers",
"flip-in-x": "Flippers",
"flip-in-y": "Flippers",
"flip-out-x": "Flippers",
"flip-out-y": "Flippers",
"rotate-in": "Rotating Entrances",
"rotate-in-down-left": "Rotating Entrances",
"rotate-in-down-right": "Rotating Entrances",
"rotate-in-up-left": "Rotating Entrances",
"rotate-in-up-right": "Rotating Entrances",
"rotate-out": "Rotating Exits",
"rotate-out-down-left": "Rotating Exits",
"rotate-out-down-right": "Rotating Exits",
"rotate-out-up-left": "Rotating Exits",
"rotate-out-up-right": "Rotating Exits",
"roll-in": "Specials",
"roll-out": "Specials",
"zoom-in": "Zooming Entrances",
"zoom-in-down": "Zooming Entrances",
"zoom-in-left": "Zooming Entrances",
"zoom-in-right": "Zooming Entrances",
"zoom-in-up": "Zooming Entrances",
"zoom-out": "Zooming Exits",
"zoom-out-down": "Zooming Exits",
"zoom-out-left": "Zooming Exits",
"zoom-out-right": "Zooming Exits",
"zoom-out-up": "Zooming Exits",
"bounce-in": "Bouncing Entrances",
"bounce-in-down": "Bouncing Entrances",
"bounce-in-left": "Bouncing Entrances",
"bounce-in-right": "Bouncing Entrances",
"bounce-in-up": "Bouncing Entrances",
"bounce-out": "Bouncing Exits",
"bounce-out-down": "Bouncing Exits",
"bounce-out-left": "Bouncing Exits",
"bounce-out-right": "Bouncing Exits",
"bounce-out-up": "Bouncing Exits",
"slide-in-down": "Sliding Entrances",
"slide-in-left": "Sliding Entrances",
"slide-in-right": "Sliding Entrances",
"slide-in-up": "Sliding Entrances",
"slide-out-down": "Sliding Exits",
"slide-out-left": "Sliding Exits",
"slide-out-right": "Sliding Exits",
"slide-out-up": "Sliding Exits",
"fade-in": "Fading Entrances",
"fade-in-down": "Fading Entrances",
"fade-in-down-big": "Fading Entrances",
"fade-in-left": "Fading Entrances",
"fade-in-left-big": "Fading Entrances",
"fade-in-right": "Fading Entrances",
"fade-in-right-big": "Fading Entrances",
"fade-in-up": "Fading Entrances",
"fade-in-up-big": "Fading Entrances",
"fade-in-top-left": "Fading Entrances",
"fade-in-top-right": "Fading Entrances",
"fade-in-bottom-left": "Fading Entrances",
"fade-in-bottom-right": "Fading Entrances",
"fade-out": "Fading Exits",
"fade-out-down": "Fading Exits",
"fade-out-down-big": "Fading Exits",
"fade-out-left": "Fading Exits",
"fade-out-left-big": "Fading Exits",
"fade-out-right": "Fading Exits",
"fade-out-right-big": "Fading Exits",
"fade-out-up": "Fading Exits",
"fade-out-up-big": "Fading Exits",
"fade-out-top-left": "Fading Exits",
"fade-out-top-right": "Fading Exits",
"fade-out-bottom-left": "Fading Exits",
"fade-out-bottom-right": "Fading Exits",
"back-in-up": "Back Entrances",
"back-in-down": "Back Entrances",
"back-in-right": "Back Entrances",
"back-in-left": "Back Entrances",
"back-out-up": "Back Exits",
"back-out-down": "Back Exits",
"back-out-right": "Back Exits",
"back-out-left": "Back Exits"
}
},
media: {
portrait: "(orientation: portrait)",
landscape: "(orientation: landscape)",
os_dark: "(prefers-color-scheme: dark)",
os_light: "(prefers-color-scheme: light)",
motion_ok: "(prefers-reduced-motion: no-preference)",
motion_not_ok: "(prefers-reduced-motion: reduce)",
high_contrast: "(prefers-contrast: high)",
low_contrast: "(prefers-contrast: low)",
opacity_ok: "(prefers-reduced-transparency: no-preference)",
opacity_not_ok: "(prefers-reduced-transparency: reduce)",
use_data_ok: "(prefers-reduced-data: no-preference)",
use_data_not_ok: "(prefers-reduced-data: reduce)",
touch: "(hover: none) and (pointer: coarse)",
stylus: "(hover: none) and (pointer: fine)",
pointer: "(hover) and (pointer: coarse)",
mouse: "(hover) and (pointer: fine)",
hd_color: "(dynamic-range: high)"
},
supports: {
grid: "(display: grid)"
},
preflightBase: {
...transformBase,
...touchActionBase,
...scrollSnapTypeBase,
...fontVariantNumericBase,
...borderSpacingBase,
...boxShadowsBase,
...ringBase,
...filterBase,
...backdropFilterBase
}
};
export { theme };
+21
View File
@@ -0,0 +1,21 @@
import { Variant, VariantFunction } from '@unocss/core';
export { variants } from './index.mjs';
import '@unocss/preset-mini';
import './shortcuts.mjs';
import './theme.mjs';
import './shared/preset-wind.DRADYSMV.mjs';
declare const variantCombinators: Variant[];
declare const variantColorsScheme: Variant[];
declare const variantContrasts: Variant[];
declare const variantMotions: Variant[];
declare const variantOrientations: Variant[];
declare const variantSpaceAndDivide: Variant;
declare const variantStickyHover: Variant[];
declare const placeholderModifier: VariantFunction;
export { placeholderModifier, variantColorsScheme, variantCombinators, variantContrasts, variantMotions, variantOrientations, variantSpaceAndDivide, variantStickyHover };
+21
View File
@@ -0,0 +1,21 @@
import { Variant, VariantFunction } from '@unocss/core';
export { variants } from './index.js';
import '@unocss/preset-mini';
import './shortcuts.js';
import './theme.js';
import './shared/preset-wind.DRADYSMV.js';
declare const variantCombinators: Variant[];
declare const variantColorsScheme: Variant[];
declare const variantContrasts: Variant[];
declare const variantMotions: Variant[];
declare const variantOrientations: Variant[];
declare const variantSpaceAndDivide: Variant;
declare const variantStickyHover: Variant[];
declare const placeholderModifier: VariantFunction;
export { placeholderModifier, variantColorsScheme, variantCombinators, variantContrasts, variantMotions, variantOrientations, variantSpaceAndDivide, variantStickyHover };
+4
View File
@@ -0,0 +1,4 @@
export { p as placeholderModifier, a as variantColorsScheme, v as variantCombinators, c as variantContrasts, d as variantMotions, e as variantOrientations, f as variantSpaceAndDivide, g as variantStickyHover, b as variants } from './shared/preset-wind.BwVsieym.mjs';
import '@unocss/preset-mini/variants';
import '@unocss/preset-mini/utils';
import '@unocss/rule-utils';
+64
View File
@@ -0,0 +1,64 @@
{
"name": "@unocss/preset-wind",
"type": "module",
"version": "0.65.4",
"description": "Tailwind / Windi CSS compact preset for UnoCSS",
"author": "Anthony Fu <anthonyfu117@hotmail.com>",
"license": "MIT",
"funding": "https://github.com/sponsors/antfu",
"homepage": "https://github.com/unocss/unocss/tree/main/packages/preset-wind#readme",
"repository": {
"type": "git",
"url": "https://github.com/unocss/unocss",
"directory": "packages/preset-wind"
},
"bugs": {
"url": "https://github.com/unocss/unocss/issues"
},
"keywords": [
"unocss",
"unocss-preset"
],
"sideEffects": false,
"exports": {
".": {
"types": "./dist/index.d.mts",
"default": "./dist/index.mjs"
},
"./rules": {
"types": "./dist/rules.d.mts",
"default": "./dist/rules.mjs"
},
"./theme": {
"types": "./dist/theme.d.mts",
"default": "./dist/theme.mjs"
},
"./shortcuts": {
"types": "./dist/shortcuts.d.mts",
"default": "./dist/shortcuts.mjs"
},
"./variants": {
"types": "./dist/variants.d.mts",
"default": "./dist/variants.mjs"
},
"./*": "./*"
},
"main": "dist/index.mjs",
"module": "dist/index.mjs",
"types": "dist/index.d.ts",
"files": [
"*.css",
"*.d.ts",
"dist"
],
"dependencies": {
"@unocss/core": "0.65.4",
"@unocss/preset-mini": "0.65.4",
"@unocss/rule-utils": "0.65.4"
},
"scripts": {
"build": "unbuild",
"stub": "unbuild --stub",
"test:attw": "attw --pack --config-path ../../.attw-esm-only.json"
}
}
+1
View File
@@ -0,0 +1 @@
export * from './dist/rules'
+1
View File
@@ -0,0 +1 @@
export * from './dist/shortcuts'
+1
View File
@@ -0,0 +1 @@
export * from './dist/theme'
+1
View File
@@ -0,0 +1 @@
export * from './dist/variants'