diff --git a/src/variants/misc.ts b/src/variants/misc.ts index a9cedcd..7cf7e0d 100644 --- a/src/variants/misc.ts +++ b/src/variants/misc.ts @@ -56,7 +56,7 @@ export const variantScope: Variant = { export const variantVariables: Variant = { name: 'variables', match(matcher) { - const match = matcher.match(/^(\[[^\]]+\]):/) + const match = matcher.match(/^(\[.+?\]):/) if (match) { const variant = h.bracket(match[1]) ?? '' const updates = variant.startsWith('@') diff --git a/test/__snapshots__/preset-mini.test.ts.snap b/test/__snapshots__/preset-mini.test.ts.snap new file mode 100644 index 0000000..b82d203 --- /dev/null +++ b/test/__snapshots__/preset-mini.test.ts.snap @@ -0,0 +1,835 @@ +// Vitest Snapshot v1 + +exports[`preset-mini > custom var prefix 1`] = ` +"/* layer: default */ +.text-red{--hi-text-opacity:1;color:rgba(248,113,113,var(--hi-text-opacity));} +.text-opacity-50{--hi-text-opacity:0.5;} +.scale-100{--hi-scale-x:1;--hi-scale-y:1;transform:translateX(var(--hi-translate-x)) translateY(var(--hi-translate-y)) translateZ(var(--hi-translate-z)) rotate(var(--hi-rotate)) rotateX(var(--hi-rotate-x)) rotateY(var(--hi-rotate-y)) rotateZ(var(--hi-rotate-z)) skewX(var(--hi-skew-x)) skewY(var(--hi-skew-y)) scaleX(var(--hi-scale-x)) scaleY(var(--hi-scale-y)) scaleZ(var(--hi-scale-z));}" +`; + +exports[`preset-mini > nested theme colors 1`] = `""`; + +exports[`preset-mini > targets 1`] = ` +"/* layer: preflights */ +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +/* layer: 1 */ +.uno-layer-1\\\\:translate-0{--un-translate-x:0rpx;--un-translate-y:0rpx;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +/* layer: default */ +.content-\\\\$unocss-var{align-content:var(--unocss-var);} +.fw-\\\\$variable{font-weight:var(--variable);} +.items-\\\\$size{align-items:var(--size);} +.ws-\\\\$\\\\{row\\\\.span\\\\}\\\\/24{white-space:var(--\\\\{row\\\\.span\\\\}\\\\/24);} +.ws-\\\\$variable{white-space:var(--variable);} +.\\\\[a\\\\:b\\\\]{a:b;} +.\\\\[background-image\\\\:url\\\\(star_transparent\\\\.gif\\\\)\\\\,_url\\\\(cat_front\\\\.png\\\\)\\\\]{background-image:url(star\\\\_transparent.gif), url(cat\\\\_front.png);} +.\\\\[content\\\\:attr\\\\(attr_content\\\\)\\\\]{content:attr(attr content);} +.\\\\[content\\\\:attr\\\\(attr\\\\\\\\_content\\\\)\\\\]{content:attr(attr\\\\_content);} +.\\\\[margin\\\\:logical_1rem_2rem_3rem\\\\]{margin:logical 1rem 2rem 3rem;} +.all-\\\\[\\\\.target\\\\]-\\\\[combinator\\\\:test-2\\\\] .target, +.children-\\\\[\\\\.target\\\\]-\\\\[combinator\\\\:test-2\\\\]>.target, +.next-\\\\[\\\\.target\\\\]-\\\\[combinator\\\\:test-2\\\\]+.target{combinator:test-2;} +.scope .group-\\\\[\\\\.scope\\\\]-\\\\[combinator\\\\:test-3\\\\], +.scope+.previous-\\\\[\\\\.scope\\\\]-\\\\[combinator\\\\:test-3\\\\], +.scope>.parent-\\\\[\\\\.scope\\\\]-\\\\[combinator\\\\:test-3\\\\]{combinator:test-3;} +.sibling-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]+div:hover, +div:hover .group-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]{combinator:test-4;} +.-p-px{padding:-1px;} +.\\\\!p-5px{padding:5px !important;} +.first\\\\:p-2:first-child, +.has-hover\\\\:p-2:has(:hover), +.p-2, +.p2, +.where-hover\\\\:p-2:where(:hover){padding:16rpx;} +.group:focus .group-focus\\\\:p-4, +.p-xy, +.pxy{padding:32rpx;} +.hover\\\\:\\\\!p-1:hover{padding:8rpx !important;} +.hover\\\\:p-5:hover{padding:40rpx;} +.important\\\\:p-3, +.p3\\\\!{padding:24rpx !important;} +.is-hover\\\\:p-4px:is(:hover), +.not-hover\\\\:p-4px:not(:hover){padding:4px;} +.not-hover\\\\:p-3:not(:hover){padding:24rpx;} +.p-none{padding:0;} +.pa{padding:auto;} +.\\\\!hover\\\\:px-10:hover{padding-left:80rpx !important;padding-right:80rpx !important;} +.p-x, +.px{padding-left:32rpx;padding-right:32rpx;} +.p-t-2, +.pt-2, +.pt2{padding-top:16rpx;} +.pb{padding-bottom:32rpx;} +.pl-10px{padding-left:10px;} +.pt-\\\\$title2{padding-top:var(--title2);} +.p-bs-2, +.pbs-2, +.pbs2{padding-block-start:16rpx;} +.p-ie-none{padding-inline-end:0;} +.p-is, +.pis{padding-inline-start:32rpx;} +.pbs-\\\\$title2{padding-block-start:var(--title2);} +.pis-10px{padding-inline-start:10px;} +.-m-lg{margin:-40rpx;} +.\\\\!m-\\\\$c-m{margin:var(--c-m) !important;} +.\\\\[\\\\&_\\\\&\\\\]\\\\:m-13 .\\\\[\\\\&_\\\\&\\\\]\\\\:m-13{margin:104rpx;} +.\\\\[\\\\&\\\\:nth-child\\\\(2\\\\)\\\\]\\\\:m-10:nth-child(2){margin:80rpx;} +.\\\\[\\\\&\\\\[open\\\\]\\\\]\\\\:m-14[open]{margin:112rpx;} +.\\\\[\\\\&\\\\[readonly\\\\]\\\\[disabled\\\\]\\\\]\\\\:m-15[readonly][disabled]{margin:120rpx;} +.\\\\[\\\\&\\\\>\\\\*\\\\]\\\\:m-11>*{margin:88rpx;} +.all\\\\:m-auto *, +.children\\\\:m-auto>*, +.m-auto{margin:auto;} +.m-\\\\[3em\\\\]{margin:3em;} +.m-0{margin:0rpx;} +.m-1\\\\/2{margin:50%;} +.m-none{margin:0;} +*>.\\\\[\\\\*\\\\>\\\\&\\\\]\\\\:m-12{margin:96rpx;} +.m-xy, +.mxy{margin:32rpx;} +.my-auto{margin-top:auto;margin-bottom:auto;} +.-mb-px{margin-bottom:-1px;} +.mt-\\\\[-10\\\\.2\\\\%\\\\]{margin-top:-10.2%;} +.mt-\\\\$height{margin-top:var(--height);} +.next\\\\:mt-0+*{margin-top:0rpx;} +.m-block{margin-block-start:32rpx;margin-block-end:32rpx;} +.m-block-auto{margin-block-start:auto;margin-block-end:auto;} +.m-inline-none{margin-inline-start:0;margin-inline-end:0;} +.mbs{margin-block-start:32rpx;} +.mbs-\\\\[-10\\\\.2\\\\%\\\\]{margin-block-start:-10.2%;} +.mbs-\\\\$height{margin-block-start:var(--height);} +.unocss .scope-unocss\\\\:block{display:block;} +.contents{display:contents;} +.disabled\\\\:op50:disabled{opacity:0.5;} +.op-10{opacity:0.1;} +.opacity-\\\\$opa{opacity:var(--opa);} +.opacity-0{opacity:0;} +.placeholder-opacity-60::placeholder{opacity:0.6;} +.bg-\\\\[\\\\#153\\\\]\\\\/10, +.bg-\\\\[\\\\#1533\\\\]\\\\/10{background-color:rgba(17,85,51,0.1);} +.bg-\\\\[\\\\#1533\\\\]{--un-bg-opacity:0.2;background-color:rgba(17,85,51,var(--un-bg-opacity));} +.bg-\\\\[rgba\\\\(1\\\\,2\\\\,3\\\\,0\\\\.5\\\\)\\\\]{--un-bg-opacity:0.5;background-color:rgba(1,2,3,var(--un-bg-opacity));} +.bg-\\\\#452233\\\\/40, +.bg-hex-452233\\\\/40{background-color:rgba(69,34,51,0.4);} +.bg-\\\\$test-variable{background-color:var(--test-variable);} +.bg-red-100{--un-bg-opacity:1;background-color:rgba(254,226,226,var(--un-bg-opacity));} +.bg-teal-100\\\\/55{background-color:rgba(204,251,241,0.55);} +.bg-teal-200\\\\:55{background-color:rgba(153,246,228,0.55);} +.bg-teal-300\\\\:\\\\[\\\\.55\\\\]{background-color:rgba(94,234,212,.55);} +.bg-teal-400\\\\/\\\\[\\\\.55\\\\]{background-color:rgba(45,212,191,.55);} +.bg-teal-500\\\\/\\\\[55\\\\%\\\\]{background-color:rgba(20,184,166,55%);} +.file\\\\:bg-violet-50::file-selector-button{--un-bg-opacity:1;background-color:rgba(245,243,255,var(--un-bg-opacity));} +.first-letter\\\\:bg-green-400::first-letter, +.first-line\\\\:bg-green-400::first-line{--un-bg-opacity:1;background-color:rgba(74,222,128,var(--un-bg-opacity));} +.focus-within\\\\:has-first\\\\:checked\\\\:bg-gray\\\\/20:checked:has(:first-child):focus-within, +.focus-within\\\\:where-first\\\\:checked\\\\:bg-gray\\\\/20:checked:where(:first-child):focus-within{background-color:rgba(156,163,175,0.2);} +.hover\\\\:file\\\\:bg-violet-100:hover::file-selector-button{--un-bg-opacity:1;background-color:rgba(237,233,254,var(--un-bg-opacity));} +.hover\\\\:is-first\\\\:checked\\\\:bg-true-gray\\\\/10:checked:is(:first-child):hover, +.hover\\\\:not-first\\\\:checked\\\\:bg-true-gray\\\\/10:checked:not(:first-child):hover{background-color:rgba(163,163,163,0.1);} +.hover\\\\:not-first\\\\:checked\\\\:bg-red\\\\/10:checked:not(:first-child):hover{background-color:rgba(248,113,113,0.1);} +.marker\\\\:bg-violet-200::marker{--un-bg-opacity:1;background-color:rgba(221,214,254,var(--un-bg-opacity));} +.peer:checked~.peer-checked\\\\:bg-blue-500{--un-bg-opacity:1;background-color:rgba(59,130,246,var(--un-bg-opacity));} +.previous:checked+.previous-checked\\\\:bg-red-500{--un-bg-opacity:1;background-color:rgba(239,68,68,var(--un-bg-opacity));} +.bg-opacity-45{--un-bg-opacity:0.45;} +.all-\\\\[svg\\\\]\\\\:fill-red svg{--un-fill-opacity:1;fill:rgba(248,113,113,var(--un-fill-opacity));} +.fill-\\\\[\\\\#123\\\\]{--un-fill-opacity:1;fill:rgba(17,34,51,var(--un-fill-opacity));} +.fill-\\\\[1rem\\\\]{fill:1rem;} +.fill-current{fill:currentColor;} +.fill-green-400{--un-fill-opacity:1;fill:rgba(74,222,128,var(--un-fill-opacity));} +.fill-opacity-80{--un-fill-opacity:0.8;} +.fill-none{fill:none;} +.stroke-size-\\\\[1rem\\\\], +.stroke-width-\\\\[1rem\\\\]{stroke-width:1rem;} +.stroke-size-\\\\$variable, +.stroke-width-\\\\$variable{stroke-width:var(--variable);} +.stroke-size-1, +.stroke-size-1px, +.stroke-width-1, +.stroke-width-1px{stroke-width:1px;} +.stroke-size-none{stroke-width:0px;} +.stroke-dash-\\\\[5\\\\,3\\\\,2\\\\]{stroke-dasharray:5,3,2;} +.stroke-dash-\\\\$variable{stroke-dasharray:var(--variable);} +.stroke-dash-1{stroke-dasharray:1;} +.stroke-offset-\\\\[1rem\\\\]{stroke-dashoffset:1rem;} +.stroke-offset-\\\\$variable{stroke-dashoffset:var(--variable);} +.stroke-offset-1, +.stroke-offset-1px{stroke-dashoffset:1px;} +.stroke-offset-none{stroke-dashoffset:0px;} +.stroke-\\\\[\\\\#123\\\\]{--un-stroke-opacity:1;stroke:rgba(17,34,51,var(--un-stroke-opacity));} +.stroke-\\\\[1rem\\\\]{stroke:1rem;} +.stroke-current{stroke:currentColor;} +.stroke-green-400{--un-stroke-opacity:1;stroke:rgba(74,222,128,var(--un-stroke-opacity));} +.stroke-opacity-80{--un-stroke-opacity:0.8;} +.stroke-cap-round{stroke-linecap:round;} +.stroke-cap-auto{stroke-linecap:butt;} +.stroke-join-clip{stroke-linejoin:miter-clip;} +.stroke-join-auto{stroke-linejoin:miter;} +.stroke-none{stroke:none;} +.b-2{border-width:2rpx;border-style:solid;} +.border{border-width:1px;border-style:solid;} +.border-4{border-width:4rpx;border-style:solid;} +.border-x{border-left-width:1px;border-right-width:1px;border-left-style:solid;border-right-style:solid;} +.border-b{border-bottom-width:1px;border-bottom-style:solid;} +.border-t-2{border-top-width:2rpx;border-top-style:solid;} +.border-inline{border-inline-start-width:1px;border-inline-end-width:1px;border-inline-start-style:solid;border-inline-end-style:solid;} +.border-be{border-block-end-width:1px;border-block-end-style:solid;} +.border-bs-2{border-block-start-width:2rpx;border-block-start-style:solid;} +.border-size-\\\\$variable, +.border-width-\\\\$variable{border-width:var(--variable);} +.border-size-2{border-width:2rpx;} +.border-size-none{border-width:0px;} +.border-width-3{border-width:3rpx;} +.border-x-size-2{border-left-width:2rpx;border-right-width:2rpx;} +.border-x-width-3{border-left-width:3rpx;border-right-width:3rpx;} +.border-s-width-\\\\$variable{border-inline-start-width:var(--variable);} +.border-t-size-2{border-top-width:2rpx;} +.border-t-width-3{border-top-width:3rpx;} +.b-block-size-\\\\$variable{border-block-start-width:var(--variable);border-block-end-width:var(--variable);} +.border-\\\\[\\\\#124\\\\]{--un-border-opacity:1;border-color:rgba(17,34,68,var(--un-border-opacity));} +.border-\\\\[2em\\\\]{border-color:2em;} +.border-\\\\[calc\\\\(1em-1px\\\\)\\\\]{border-color:calc(1em - 1px);} +.border-\\\\[var\\\\(--color\\\\)\\\\], +.border-\\\\$color{border-color:var(--color);} +.border-black\\\\/10{border-color:rgba(0,0,0,0.1);} +.border-blue{--un-border-opacity:1;border-color:rgba(96,165,250,var(--un-border-opacity));} +.border-green-100\\\\/20{border-color:rgba(220,252,231,0.2);} +.border-red-100, +.border-red100{--un-border-opacity:1;border-color:rgba(254,226,226,var(--un-border-opacity));} +.border-red-200\\\\/10{border-color:rgba(254,202,202,0.1);} +.border-red-300\\\\/20{border-color:rgba(252,165,165,0.2);} +.border-red2{--un-border-opacity:1;border-color:rgba(254,202,202,var(--un-border-opacity));} +.border-x-\\\\[rgb\\\\(1\\\\,2\\\\,3\\\\)\\\\]\\\\/\\\\[0\\\\.5\\\\]{border-left-color:rgba(1,2,3,0.5);border-right-color:rgba(1,2,3,0.5);} +.border-x-\\\\$color{border-left-color:var(--color);border-right-color:var(--color);} +.border-y-red{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(248,113,113,var(--un-border-top-opacity));--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(248,113,113,var(--un-border-bottom-opacity));} +.border-b-blue{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgba(96,165,250,var(--un-border-bottom-opacity));} +.border-e-red-200\\\\/10{border-inline-end-color:rgba(254,202,202,0.1);} +.border-e-red-300\\\\/\\\\[20\\\\]{border-inline-end-color:rgba(252,165,165,20);} +.border-s-red-100{--un-border-opacity:1;--un-border-inline-start-opacity:var(--un-border-opacity);border-inline-start-color:rgba(254,226,226,var(--un-border-inline-start-opacity));} +.border-t-\\\\[\\\\#124\\\\]{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgba(17,34,68,var(--un-border-top-opacity));} +.border-t-\\\\$color{border-top-color:var(--color);} +.border-t-black\\\\/10{border-top-color:rgba(0,0,0,0.1);} +.border-op-20, +.border-op20, +.border-opacity-20{--un-border-opacity:0.2;} +.border-y-op-30{--un-border-top-opacity:0.3;--un-border-bottom-opacity:0.3;} +.border-b-op40{--un-border-bottom-opacity:0.4;} +.border-s-opacity50{--un-border-inline-start-opacity:0.5;} +.b-rounded, +.border-rounded, +.rounded{border-radius:8rpx;} +.rounded-\\\\[4px\\\\]{border-radius:4px;} +.rounded-\\\\$variable{border-radius:var(--variable);} +.rounded-1\\\\/2{border-radius:50%;} +.rounded-full{border-radius:9999px;} +.rounded-md{border-radius:12rpx;} +.rounded-none{border-radius:0;} +.rounded-t-sm{border-top-left-radius:4rpx;border-top-right-radius:4rpx;} +.rounded-rb-1\\\\/2{border-bottom-right-radius:50%;} +.rounded-tr{border-top-right-radius:8rpx;} +.rounded-bs-sm{border-start-start-radius:4rpx;border-start-end-radius:4rpx;} +.rounded-bs-ie{border-start-end-radius:8rpx;} +.rounded-ie-be-1\\\\/2{border-end-end-radius:50%;} +.b-dashed, +.border-dashed{border-style:dashed;} +.b-dotted, +.border-dotted{border-style:dotted;} +.b-double, +.border-double{border-style:double;} +.b-hidden, +.border-hidden{border-style:hidden;} +.b-none, +.border-none{border-style:none;} +.b-solid, +.border-solid{border-style:solid;} +.border-x-dashed{border-left-style:dashed;border-right-style:dashed;} +.border-y-revert-layer{border-top-style:revert-layer;border-bottom-style:revert-layer;} +.border-y-unset{border-top-style:unset;border-bottom-style:unset;} +.border-b-dashed{border-bottom-style:dashed;} +.border-e-dashed{border-inline-end-style:dashed;} +.border-l-dashed{border-left-style:dashed;} +.border-r-dashed{border-right-style:dashed;} +.border-s-dashed{border-inline-start-style:dashed;} +.border-t-dashed{border-top-style:dashed;} +.border-block-style-double{border-block-start-style:double;border-block-end-style:double;} +.border-is-style-double{border-inline-start-style:double;} +.after\\\\:content-\\\\[unocss\\\\]::after, +.content-\\\\[unocss\\\\]{content:\\"unocss\\";} +.content-\\\\[\\\\!\\\\]{content:\\"!\\";} +.content-\\\\[attr\\\\(dashed-attr\\\\)\\\\]{content:\\"attr(dashed-attr)\\";} +.content-\\\\[attr\\\\(underlined_attr\\\\)\\\\]{content:\\"attr(underlined_attr)\\";} +.content-empty, +.content-none{content:\\"\\";} +.font-\\\\[system-ui\\\\]{font-family:system-ui;} +.font-\\\\$font-name{font-family:var(--font-name);} +.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;} +.group:has(:placeholder-shown) .group-has-placeholder-shown\\\\:text-4xl, +.group:where(:placeholder-shown) .group-where-placeholder-shown\\\\:text-4xl, +.text-4xl{font-size:72rpx;line-height:80rpx;} +.peer:is(:placeholder-shown)~.peer-is-placeholder-shown\\\\:text-3xl, +.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\\\\:text-3xl{font-size:60rpx;line-height:72rpx;} +.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\\\\:text-2xl{font-size:48rpx;line-height:64rpx;} +.text-\\\\[length\\\\:2em\\\\], +.text-2em, +.text-size-\\\\[2em\\\\]{font-size:2em;} +.text-\\\\[length\\\\:calc\\\\(1em-1px\\\\)\\\\]{font-size:calc(1em - 1px);} +.text-\\\\[length\\\\:var\\\\(--size\\\\)\\\\]{font-size:var(--size);} +.text-base{font-size:32rpx;line-height:48rpx;} +.text-lg{font-size:36rpx;line-height:56rpx;} +.text-size-\\\\$variable{font-size:var(--variable);} +.font-050, +.font-50, +.fw-050, +.fw-50{font-weight:50;} +.font-900, +.fw-900{font-weight:900;} +.font-inherit{font-weight:inherit;} +.font-thin{font-weight:100;} +.font-leading-2, +.leading-2{line-height:16rpx;} +.leading-\\\\$variable, +.lh-\\\\$variable{line-height:var(--variable);} +.leading-inherit{line-height:inherit;} +.lh-\\\\[1\\\\.5\\\\]{line-height:1.5;} +.font-synthesis-small-caps{font-synthesis:small-caps;} +.font-synthesis-weight{font-synthesis:weight;} +.font-tracking-1em{letter-spacing:1em;} +.tracking-\\\\[2\\\\/5\\\\]{letter-spacing:2/5;} +.tracking-\\\\$variable{letter-spacing:var(--variable);} +.tracking-inherit{letter-spacing:inherit;} +.tracking-wide{letter-spacing:0.025em;} +.word-spacing-\\\\$variable{word-spacing:var(--variable);} +.word-spacing-1{word-spacing:8rpx;} +.word-spacing-2{word-spacing:16rpx;} +.word-spacing-inherit{word-spacing:inherit;} +.word-spacing-wide{word-spacing:0.025em;} +.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;} +.tab-\\\\$tabprop{-moz-tab-size:var(--tabprop);-o-tab-size:var(--tabprop);tab-size:var(--tabprop);} +.tab-6{-moz-tab-size:6;-o-tab-size:6;tab-size:6;} +.tab-inherit{-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;} +.indent{text-indent:48rpx;} +.indent-1\\\\/2{text-indent:50%;} +.indent-lg{text-indent:64rpx;} +.indent-revert-layer{text-indent:revert-layer;} +.indent-unset{text-indent:unset;} +.text-clip{text-overflow:clip;} +.decoration-underline, +.underline{text-decoration-line:underline;} +.decoration-5, +.underline-5{text-decoration-thickness:5px;} +.decoration-size-none{text-decoration-thickness:0px;} +.underline-1rem{text-decoration-thickness:1rem;} +.underline-auto{text-decoration-thickness:auto;} +.decoration-purple\\\\/50{-webkit-text-decoration-color:rgba(192,132,252,0.5);text-decoration-color:rgba(192,132,252,0.5);} +.decoration-transparent{-webkit-text-decoration-color:transparent;text-decoration-color:transparent;} +.underline-red-500{-webkit-text-decoration-color:rgba(239,68,68,var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgba(239,68,68,var(--un-line-opacity));} +.underline-op80{--un-line-opacity:0.8;} +.decoration-offset-0\\\\.6rem, +.underline-offset-0\\\\.6rem{text-underline-offset:0.6rem;} +.decoration-offset-none{text-underline-offset:0px;} +.underline-offset-4{text-underline-offset:4px;} +.underline-offset-auto{text-underline-offset:auto;} +.underline-dashed{text-decoration-style:dashed;} +.decoration-none{text-decoration:none;} +.text-stroke-6{-webkit-text-stroke-width:6px;} +.text-stroke-sm{-webkit-text-stroke-width:thin;} +.text-stroke-blue-500{--un-text-stroke-opacity:1;-webkit-text-stroke-color:rgba(59,130,246,var(--un-text-stroke-opacity));} +.text-stroke-op-60{--un-text-stroke-opacity:0.6;} +.text-shadow{--un-text-shadow:0 0 2rpx var(--un-text-shadow-color, rgba(0,0,0,0.2)),0 0 2rpx var(--un-text-shadow-color, rgba(1,0,5,0.1));text-shadow:var(--un-text-shadow);} +.text-shadow-\\\\$var{text-shadow:var(--var);} +.text-shadow-lg{--un-text-shadow:6rpx 6rpx 12rpx var(--un-text-shadow-color, rgba(0,0,0,0.26)),0 0 10rpx var(--un-text-shadow-color, rgba(15,3,86,0.22));text-shadow:var(--un-text-shadow);} +.text-shadow-none{--un-text-shadow:0 0 var(--un-text-shadow-color, rgba(0,0,0,0));text-shadow:var(--un-text-shadow);} +.text-shadow-color-red-300{--un-text-shadow-opacity:1;--un-text-shadow-color:rgba(252,165,165,var(--un-text-shadow-opacity));} +.text-shadow-color-op-30{--un-text-shadow-opacity:0.3;} +.case-upper{text-transform:uppercase;} +.case-normal{text-transform:none;} +.group:hover:focus .group-hover\\\\:group-focus\\\\:text-center, +.parent:hover>.parent-hover\\\\:text-center{text-align:center;} +.text-left, +[dir=\\"ltr\\"] .ltr\\\\:text-left{text-align:left;} +[dir=\\"rtl\\"] .rtl\\\\:text-right{text-align:right;} +.c-\\\\[\\\\#157\\\\], +.c-\\\\#157, +.c-hex-157{--un-text-opacity:1;color:rgba(17,85,119,var(--un-text-opacity));} +.c-\\\\[\\\\#157\\\\]_10, +.c-\\\\[\\\\#157\\\\]\\\\:10, +.c-\\\\[\\\\#157\\\\]\\\\/10, +.c-\\\\#157\\\\/10, +.c-hex-157\\\\/10{color:rgba(17,85,119,0.1);} +.c-\\\\[\\\\#157\\\\]\\\\/\\\\$opacity-variable{color:rgba(17,85,119,var(--opacity-variable));} +.c-\\\\[\\\\#2573\\\\], +.c-\\\\#2573, +.c-hex-2573{--un-text-opacity:0.2;color:rgba(34,85,119,var(--un-text-opacity));} +.c-\\\\[\\\\#2573\\\\]\\\\/\\\\$opacity-variable{color:rgba(34,85,119,var(--opacity-variable));} +.c-\\\\[\\\\#2573\\\\]\\\\/10, +.c-\\\\#2573\\\\/10, +.c-hex-2573\\\\/10{color:rgba(34,85,119,0.1);} +.c-\\\\[\\\\#335577\\\\], +.c-\\\\#335577, +.c-hex-335577{--un-text-opacity:1;color:rgba(51,85,119,var(--un-text-opacity));} +.c-\\\\[\\\\#335577\\\\]\\\\/\\\\$opacity-variable{color:rgba(51,85,119,var(--opacity-variable));} +.c-\\\\[\\\\#335577\\\\]\\\\/10, +.c-\\\\#335577\\\\/10, +.c-hex-335577\\\\/10{color:rgba(51,85,119,0.1);} +.c-\\\\[\\\\#44557733\\\\], +.c-\\\\#44557733, +.c-hex-44557733{--un-text-opacity:0.2;color:rgba(68,85,119,var(--un-text-opacity));} +.c-\\\\[\\\\#44557733\\\\]\\\\/\\\\$opacity-variable{color:rgba(68,85,119,var(--opacity-variable));} +.c-\\\\[\\\\#44557733\\\\]\\\\/10, +.c-\\\\#44557733\\\\/10, +.c-hex-44557733\\\\/10{color:rgba(68,85,119,0.1);} +.c-\\\\$color-variable, +.c-\\\\$color-variable\\\\/\\\\$opacity-variable, +.c-\\\\$color-variable\\\\/10{color:var(--color-variable);} +.color-\\\\$red{color:var(--red);} +.color-blue, +.color-blue-400{--un-text-opacity:1;color:rgba(96,165,250,var(--un-text-opacity));} +.color-blue-400\\\\/10, +.color-blue\\\\/10{color:rgba(96,165,250,0.1);} +.color-blue-gray, +.color-blue-gray-400, +.color-bluegray, +.color-bluegray-400{--un-text-opacity:1;color:rgba(148,163,184,var(--un-text-opacity));} +.color-blue-gray-400\\\\/10, +.color-blue-gray\\\\/10, +.color-bluegray-400\\\\/10, +.color-bluegray\\\\/10{color:rgba(148,163,184,0.1);} +.in-range\\\\:color-pink-100:in-range, +.open\\\\:color-pink-100[open], +.out-of-range\\\\:color-pink-100:out-of-range{--un-text-opacity:1;color:rgba(252,231,243,var(--un-text-opacity));} +.placeholder-color-red-1::placeholder, +.text-red-100, +.text-red100{--un-text-opacity:1;color:rgba(254,226,226,var(--un-text-opacity));} +.placeholder-shown-color-transparent:placeholder-shown, +.placeholder\\\\:color-transparent::placeholder{color:transparent;} +.selection\\\\:color-\\\\[var\\\\(--select-color\\\\)\\\\]::selection{color:var(--select-color);} +.text-\\\\[\\\\#124\\\\]{--un-text-opacity:1;color:rgba(17,34,68,var(--un-text-opacity));} +.text-\\\\[2em\\\\]{color:2em;} +.text-\\\\[calc\\\\(1em-1px\\\\)\\\\]{color:calc(1em - 1px);} +.text-\\\\[color\\\\:var\\\\(--color-x\\\\)\\\\]\\\\:\\\\[trick\\\\]{color:var(--color-x);} +.text-\\\\[color\\\\:var\\\\(--color\\\\)\\\\], +.text-\\\\[var\\\\(--color\\\\)\\\\]{color:var(--color);} +.text-\\\\$variable{color:var(--variable);} +.text-black\\\\/10{color:rgba(0,0,0,0.1);} +.text-red-200\\\\/10{color:rgba(254,202,202,0.1);} +.text-red-300\\\\:20, +.text-red-300\\\\/20{color:rgba(252,165,165,0.2);} +.text-red\\\\:20{color:rgba(248,113,113,0.2);} +.text-red2{--un-text-opacity:1;color:rgba(254,202,202,var(--un-text-opacity));} +.text-rose{--un-text-opacity:1;color:rgba(251,113,133,var(--un-text-opacity));} +.placeholder-color-opacity-60::placeholder{--un-text-opacity:0.6;} +.text-opacity-\\\\[13\\\\.3333333\\\\%\\\\]{--un-text-opacity:13.3333333%;} +.font-italic, +.italic{font-style:italic;} +.font-oblique, +.oblique{font-style:oblique;} +.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;} +.shadow{--un-shadow:var(--un-shadow-inset) 0 2rpx 6rpx 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 2rpx 4rpx -2rpx var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);} +.shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgba(0,0,0,0));box-shadow:var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);} +.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 40rpx 50rpx -10rpx var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 16rpx 20rpx -12rpx var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);} +.backdrop\\\\:shadow-green::backdrop{--un-shadow-opacity:1;--un-shadow-color:rgba(74,222,128,var(--un-shadow-opacity));} +.shadow-current{--un-shadow-color:currentColor;} +.shadow-green-500{--un-shadow-opacity:1;--un-shadow-color:rgba(34,197,94,var(--un-shadow-opacity));} +.shadow-green-900\\\\/50{--un-shadow-color:rgba(20,83,45,0.5);} +.shadow-transparent{--un-shadow-color:transparent;} +.shadow-op-50{--un-shadow-opacity:0.5;} +.shadow-inset{--un-shadow-inset:inset;} +.ring, +.ring-px{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);} +.ring-10{--un-ring-width:10px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);} +.ring-none{--un-ring-width:0px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow, 0 0 #0000);} +.ring-size-px, +.ring-width-px{--un-ring-width:1px;} +.ring-offset{--un-ring-offset-width:1px;} +.ring-offset-4{--un-ring-offset-width:4px;} +.ring-offset-none{--un-ring-offset-width:0px;} +.ring-offset-size-\\\\$variable, +.ring-offset-width-\\\\$variable{--un-ring-offset-width:var(--variable);} +.ring-red2{--un-ring-opacity:1;--un-ring-color:rgba(254,202,202,var(--un-ring-opacity));} +.ring-red2\\\\/5{--un-ring-color:rgba(254,202,202,0.05);} +.ring-op-5{--un-ring-opacity:0.05;} +.ring-offset-\\\\$variable{--un-ring-offset-color:var(--variable);} +.ring-offset-green5{--un-ring-offset-opacity:1;--un-ring-offset-color:rgba(34,197,94,var(--un-ring-offset-opacity));} +.ring-offset-red2{--un-ring-offset-opacity:1;--un-ring-offset-color:rgba(254,202,202,var(--un-ring-offset-opacity));} +.ring-offset-red2\\\\/5{--un-ring-offset-color:rgba(254,202,202,0.05);} +.ring-offset-op-5{--un-ring-offset-opacity:0.05;} +.ring-inset{--un-ring-inset:inset;} +.flex{display:flex;} +.flex-\\\\[\\\\$variable1_\\\\$variable2_\\\\$variable3\\\\]{flex:var(--variable1) var(--variable2) var(--variable3);} +.flex-\\\\[0_0_auto\\\\]{flex:0 0 auto;} +.flex-\\\\[1_0_100\\\\%\\\\]{flex:1 0 100%;} +.flex-\\\\[1_1_1\\\\/2\\\\]{flex:1 1 50%;} +.flex-\\\\[1_auto\\\\]{flex:1 auto;} +.flex-\\\\[fit-content\\\\]{flex:fit-content;} +.flex-\\\\[hi\\\\]{flex:hi;} +.flex-\\\\$variable{flex:var(--variable);} +.flex-shrink, +.shrink{flex-shrink:1;} +.flex-shrink-0, +.shrink-0{flex-shrink:0;} +.flex-grow, +.grow{flex-grow:1;} +.flex-grow-0, +.grow-0{flex-grow:0;} +.basis-auto{flex-basis:auto;} +.basis-none{flex-basis:0;} +.flex-basis-\\\\$variable{flex-basis:var(--variable);} +.flex-basis-0{flex-basis:0rpx;} +.flex-basis-1\\\\/2{flex-basis:50%;} +.flex-row{flex-direction:row;} +.flex-col-reverse{flex-direction:column-reverse;} +.grid{display:grid;} +.grid-col-\\\\$variable{grid-column:var(--variable);} +.grid-row-\\\\$variable{grid-row:var(--variable);} +.row-\\\\[span_1\\\\/span_2\\\\]{grid-row:span 1/span 2;} +.row-auto{grid-row:auto;} +.col-span-1{grid-column:span 1/span 1;} +.row-span-\\\\[hi\\\\]{grid-row:span hi/span hi;} +.row-span-full{grid-row:1/-1;} +.row-start-full{grid-row-start:full;} +.row-end-1{grid-row-end:1;} +.auto-cols-auto{grid-auto-columns:auto;} +.auto-rows-auto{grid-auto-rows:auto;} +.auto-rows-fr{grid-auto-rows:minmax(0,1fr);} +.auto-rows-min{grid-auto-rows:min-content;} +.grid-auto-cols-\\\\$variable{grid-auto-columns:var(--variable);} +.grid-auto-rows-\\\\$variable{grid-auto-rows:var(--variable);} +.auto-flow-col-dense, +.grid-flow-col-dense{grid-auto-flow:column dense;} +.grid-flow-dense{grid-auto-flow:dense;} +.grid-cols-\\\\[1fr_2fr_100px_min-content\\\\]{grid-template-columns:1fr 2fr 100px min-content;} +.grid-cols-\\\\[repeat\\\\(3\\\\,auto\\\\)\\\\]{grid-template-columns:repeat(3,auto);} +.grid-cols-\\\\$1{grid-template-columns:var(--\\\\31 );} +.grid-rows-\\\\[1fr_2fr_100px_min-content\\\\]{grid-template-rows:1fr 2fr 100px min-content;} +.grid-cols-minmax-1rem{grid-template-columns:repeat(auto-fill,minmax(1rem,1fr));} +.grid-rows-minmax-100px{grid-template-rows:repeat(auto-fill,minmax(100px,1fr));} +.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));} +.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr));} +.gap-\\\\$variable{grid-gap:var(--variable);gap:var(--variable);} +.gap-4{grid-gap:32rpx;gap:32rpx;} +.gap-none{grid-gap:0;gap:0;} +.gap2{grid-gap:16rpx;gap:16rpx;} +.-gap-y-5{grid-row-gap:-40rpx;row-gap:-40rpx;} +.flex-gap-y-1, +.grid-gap-y-1{grid-row-gap:8rpx;row-gap:8rpx;} +.gap-x-1{grid-column-gap:8rpx;column-gap:8rpx;} +.absolute{position:absolute;} +.pos-fixed{position:fixed;} +.position-sticky{position:sticky;} +.relative{position:relative;} +.static{position:static;} +.h-\\\\[calc\\\\(1000px-4rem\\\\)\\\\]{height:calc(1000px - 4rem);} +.h-\\\\$var{height:var(--var);} +.h-1{height:1rpx;} +.h-1\\\\.000\\\\%, +.h1\\\\/100{height:1%;} +.h-1\\\\.001\\\\%{height:1.001%;} +.h-1\\\\.010\\\\%{height:1.01%;} +.h-1\\\\.100\\\\%{height:1.1%;} +.h-1\\\\/2, +.h-2\\\\/4, +.h-3\\\\/6{height:50%;} +.h-1\\\\/3, +.h-2\\\\/6{height:33.3333333333%;} +.h-1\\\\/4{height:25%;} +.h-1\\\\/5{height:20%;} +.h-1\\\\/6{height:16.6666666667%;} +.h-2\\\\/2{height:100%;} +.h-2\\\\/3, +.h-4\\\\/6{height:66.6666666667%;} +.h-21{height:21rpx;} +.h-3\\\\/2{height:150%;} +.h-3\\\\/4{height:75%;} +.h-5\\\\/6{height:83.3333333333%;} +.h-6\\\\/7{height:85.7142857143%;} +.h-8\\\\/7{height:114.2857142857%;} +.h-auto{height:auto;} +.h-lg{height:300rpx;} +.h20{height:20rpx;} +.max-h-\\\\[1px\\\\]{max-height:1px;} +.max-w-\\\\$var{max-width:var(--var);} +.max-w-20{max-width:20rpx;} +.max-w-full{max-width:100%;} +.max-w-lg{max-width:300rpx;} +.max-w-none{max-width:none;} +.min-h-\\\\[1px\\\\]{min-height:1px;} +.min-w-\\\\$var{min-width:var(--var);} +.min-w-20{min-width:20rpx;} +.min-w-full{min-width:100%;} +.min-w-lg{min-width:300rpx;} +.min-w-none{min-width:none;} +.w-\\\\[calc\\\\(calc\\\\(100px\\\\*10\\\\)-4rem\\\\)\\\\]{width:calc(calc(100px * 10) - 4rem);} +.w-1{width:1rpx;} +.w-1\\\\/4{width:25%;} +.w-1cqw{width:1cqw;} +.w-21{width:21rpx;} +.w-auto{width:auto;} +.w-lg{width:300rpx;} +.block-\\\\[calc\\\\(1000px-4rem\\\\)\\\\]{block-size:calc(1000px - 4rem);} +.block-\\\\$var{block-size:var(--var);} +.block-1{block-size:1rpx;} +.block-1\\\\/2{block-size:50%;} +.block-21{block-size:21rpx;} +.block-8\\\\/7{block-size:114.2857142857%;} +.block-auto{block-size:auto;} +.block-lg{block-size:300rpx;} +.inline-\\\\[calc\\\\(calc\\\\(100px\\\\*10\\\\)-4rem\\\\)\\\\]{inline-size:calc(calc(100px * 10) - 4rem);} +.inline-1{inline-size:1rpx;} +.inline-1\\\\/4{inline-size:25%;} +.inline-21{inline-size:21rpx;} +.inline-auto{inline-size:auto;} +.inline-lg{inline-size:300rpx;} +.max-block-\\\\[1px\\\\]{max-block-size:1px;} +.max-inline-\\\\$var{max-inline-size:var(--var);} +.max-inline-20{max-inline-size:20rpx;} +.max-inline-full{max-inline-size:100%;} +.max-inline-lg{max-inline-size:300rpx;} +.max-inline-none{max-inline-size:none;} +.min-block-\\\\[1px\\\\]{min-block-size:1px;} +.min-inline-\\\\$var{min-inline-size:var(--var);} +.min-inline-20{min-inline-size:20rpx;} +.min-inline-full{min-inline-size:100%;} +.min-inline-lg{min-inline-size:300rpx;} +.min-inline-none{min-inline-size:none;} +.h-screen-lg{height:1024px;} +.h-screen-sm{height:640px;} +.max-w-screen-lg{max-width:1024px;} +.min-w-screen-lg{min-width:1024px;} +.aspect-\\\\[auto_16\\\\/9\\\\], +.aspect-ratio-\\\\[auto_16\\\\/9\\\\]{aspect-ratio:auto 16/9;} +.aspect-auto{aspect-ratio:auto;} +.aspect-ratio-\\\\$var{aspect-ratio:var(--var);} +.aspect-ratio-0\\\\.7{aspect-ratio:0.7;} +.aspect-ratio-3\\\\/2{aspect-ratio:3/2;} +.aspect-ratio-square{aspect-ratio:1/1;} +.aspect-ratio-video{aspect-ratio:16/9;} +.cursor-\\\\[url\\\\(cursor_2\\\\.png\\\\)_2_2\\\\,_pointer\\\\]{cursor:url(cursor\\\\_2.png) 2 2, pointer;} +.cursor-\\\\$pointer-var{cursor:var(--pointer-var);} +.cursor-pointer{cursor:pointer;} +.backface-hidden{backface-visibility:hidden;} +.pointer-events-auto{pointer-events:auto;} +.pointer-events-none{pointer-events:none;} +.resize{resize:both;} +.resize-none{resize:none;} +.align-text-bottom{vertical-align:text-bottom;} +.v-mid{vertical-align:middle;} +.v-top{vertical-align:top;} +.vertical-baseline{vertical-align:baseline;} +.vertical-super{vertical-align:super;} +.select-all{user-select:all;} +.select-none{user-select:none;} +.whitespace-pre-wrap{white-space:pre-wrap;} +.ws-nowrap{white-space:nowrap;} +.break-normal{overflow-wrap:normal;word-break:normal;} +.break-words{overflow-wrap:break-word;} +.overflow-auto{overflow:auto;} +.of-y-visible{overflow-y:visible;} +.overflow-x-scroll{overflow-x:scroll;} +.overflow-y-clip{overflow-y:clip;} +.outline-110{outline-width:110px;} +.outline-size-\\\\[var\\\\(--width\\\\)\\\\]{outline-width:var(--width);} +.outline-size-\\\\$variable, +.outline-width-\\\\$variable{outline-width:var(--variable);} +.outline-size-4, +.outline-width-4{outline-width:4px;} +.outline-size-none{outline-width:0px;} +.outline-width-10px{outline-width:10px;} +.outline-\\\\[var\\\\(--red\\\\)\\\\]{outline-color:var(--red);} +.outline-\\\\$variable{outline-color:var(--variable);} +.outline-blue-2{--un-outline-color-opacity:1;outline-color:rgba(191,219,254,var(--un-outline-color-opacity));} +.outline-color-red-1{--un-outline-color-opacity:1;outline-color:rgba(254,226,226,var(--un-outline-color-opacity));} +.outline-gray, +.outline-gray-400{--un-outline-color-opacity:1;outline-color:rgba(156,163,175,var(--un-outline-color-opacity));} +.outline-offset-\\\\[var\\\\(--offset\\\\)\\\\]{outline-offset:var(--offset);} +.outline-offset-\\\\$variable{outline-offset:var(--variable);} +.outline-offset-4{outline-offset:4px;} +.outline-offset-none{outline-offset:0px;} +.outline, +.outline-solid{outline-style:solid;} +.outline-hidden{outline-style:hidden;} +.outline-inset{outline-style:inset;} +.outline-revert-layer{outline-style:revert-layer;} +.outline-unset{outline-style:unset;} +.outline-none{outline:2px solid transparent;outline-offset:2px;} +.appearance-none{appearance:none;-webkit-appearance:none;} +.order-\\\\$variable{order:var(--variable);} +.order-first{order:-9999;} +.order-none{order:0;} +.justify-start{justify-content:flex-start;} +.justify-center{justify-content:center;} +.justify-items-end{justify-items:end;} +.justify-self-stretch{justify-self:stretch;} +.content-center{align-content:center;} +.content-start{align-content:flex-start;} +.items-end{align-items:flex-end;} +.self-stretch{align-self:stretch;} +.place-content-stretch{place-content:stretch;} +.place-items-stretch{place-items:stretch;} +.place-self-stretch{place-self:stretch;} +.inset-\\\\[5px\\\\]{inset:5px;} +.inset-\\\\$variable{inset:var(--variable);} +.inset-0{inset:0rpx;} +.inset-5{inset:40rpx;} +.inset-none{inset:0;} +.inset-x-5{left:40rpx;right:40rpx;} +.inset-y-5{top:40rpx;bottom:40rpx;} +.inset-b-5{bottom:40rpx;} +.inset-e-5, +.inset-ie-5{inset-inline-end:40rpx;} +.inset-s-\\\\$variable{inset-inline-start:var(--variable);} +.inset-t-5{top:40rpx;} +.inset-block-5{inset-block-start:40rpx;inset-block-end:40rpx;} +.inset-inline-\\\\$variable{inset-inline-start:var(--variable);inset-inline-end:var(--variable);} +.inset-inline-5{inset-inline-start:40rpx;inset-inline-end:40rpx;} +.inset-bs-5{inset-block-start:40rpx;} +.top-\\\\$top-height{top:var(--top-height);} +.top-0{top:0rpx;} +.float-left{float:left;} +.float-none{float:none;} +.clear-both{clear:both;} +.clear-none{clear:none;} +.z-0, +.z0{z-index:0;} +.-z-1{z-index:-1;} +.z-\\\\$variable{z-index:var(--variable);} +.z-1{z-index:1;} +.z-100{z-index:100;} +.z-auto{z-index:auto;} +.box-border{box-sizing:border-box;} +.box-content{box-sizing:content-box;} +.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;} +.transition-200{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;} +.transition-background-color\\\\,color-200{transition-property:background-color,color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;} +.transition-color\\\\,background-color-200{transition-property:color,background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;} +.transition-opacity-200{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;} +.duration-111{transition-duration:111ms;} +.transition-duration-\\\\$variable{transition-duration:var(--variable);} +.transition-duration-300{transition-duration:300ms;} +.transition-delay-\\\\$variable{transition-delay:var(--variable);} +.transition-delay-300{transition-delay:300ms;} +.ease-\\\\$variable{transition-timing-function:var(--variable);} +.ease-linear{transition-timing-function:linear;} +.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);} +.transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);} +.property-all, +.transition-property-all{transition-property:all;} +.property-margin\\\\,padding{transition-property:margin,padding;} +.property-none{transition-property:none;} +.property-padding\\\\,margin{transition-property:padding,margin;} +.property-unset{transition-property:unset;} +.transition-property-width{transition-property:width;} +.transition-none{transition:none;} +.origin-top-left{transform-origin:top left;} +.perspect-\\\\$variable{-webkit-perspective:var(--variable);perspective:var(--variable);} +.perspect-100{-webkit-perspective:100px;perspective:100px;} +.perspect-23rem{-webkit-perspective:23rem;perspective:23rem;} +.perspect-800px{-webkit-perspective:800px;perspective:800px;} +.perspect-origin-\\\\[150\\\\%_150\\\\%\\\\]{-webkit-perspective-origin:150% 150%;perspective-origin:150% 150%;} +.perspect-origin-\\\\[150\\\\%\\\\]{-webkit-perspective-origin:150%;perspective-origin:150%;} +.perspect-origin-\\\\$variable{-webkit-perspective-origin:var(--variable);perspective-origin:var(--variable);} +.perspect-origin-center{-webkit-perspective-origin:center;perspective-origin:center;} +.perspect-origin-top-right{-webkit-perspective-origin:top right;perspective-origin:top right;} +.-translate-full{--un-translate-x:-100%;--un-translate-y:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.scope_class .scope-scope_class\\\\:translate-0{--un-translate-x:0rpx;--un-translate-y:0rpx;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.translate-full{--un-translate-x:100%;--un-translate-y:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.translate-none{--un-translate-x:0;--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.-translate-x-full{--un-translate-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.-translate-y-1\\\\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.before\\\\:translate-y-full::before{--un-translate-y:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.hover\\\\:translate-x-3:hover{--un-translate-x:24rpx;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.peer:checked~.peer-checked\\\\:translate-x-\\\\[var\\\\(--reveal\\\\)\\\\]{--un-translate-x:var(--reveal);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.translate-x-\\\\$variable{--un-translate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.translate-x-full{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.translate-y-1\\\\/4{--un-translate-y:25%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.translate-y-px{--un-translate-y:1px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.-rotate-2{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-2deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.rotate-\\\\[var\\\\(--spin\\\\)\\\\]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:var(--spin);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.rotate-\\\\$variable{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.rotate-1deg{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.rotate-x-\\\\$variable{--un-rotate:0;--un-rotate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.rotate-x-1deg{--un-rotate:0;--un-rotate-x:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.rotate-y-1, +.transform-rotate-y-1{--un-rotate:0;--un-rotate-y:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.rotate-z-\\\\[var\\\\(--spin\\\\)\\\\], +.transform-rotate-z-\\\\[var\\\\(--spin\\\\)\\\\]{--un-rotate:0;--un-rotate-z:var(--spin);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-x-\\\\[var\\\\(--skew-x\\\\)\\\\]{--un-skew-x:var(--skew-x);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-x-\\\\$variable{--un-skew-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-x-10, +.skew-x-10\\\\.00deg, +.skew-x-10deg{--un-skew-x:10deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-x-10\\\\.01deg{--un-skew-x:10.01deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-x-10\\\\.10deg{--un-skew-x:10.1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-x-10\\\\.11deg{--un-skew-x:10.11deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-y-\\\\[var\\\\(--skew-y\\\\)\\\\]{--un-skew-y:var(--skew-y);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-y-0\\\\.5turn{--un-skew-y:0.5turn;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-y-10, +.skew-y-10deg{--un-skew-y:10deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-y-2grad{--un-skew-y:2grad;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.skew-y-3\\\\.14rad{--un-skew-y:3.14rad;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.hover\\\\:scale-4:hover, +.active\\\\:scale-4:active{--un-scale-x:0.04;--un-scale-y:0.04;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.scale-\\\\$variable{--un-scale-x:var(--variable);--un-scale-y:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.-scale-x-full{--un-scale-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.scale-x-\\\\$variable{--un-scale-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.preserve-3d{transform-style:preserve-3d;} +.preserve-flat{transform-style:flat;} +.transform, +.transform-cpu{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +.transform-none{transform:none;} +.will-change-auto{will-change:auto;} +.will-change-contents{will-change:contents;} +.will-change-margin\\\\,padding{will-change:margin,padding;} +.will-change-padding\\\\,margin{will-change:padding,margin;} +.will-change-scroll{will-change:scroll-position;} +.will-change-transform{will-change:transform;} +.will-change-unset{will-change:unset;} +@layer base{ +.layer-base\\\\:translate-0{--un-translate-x:0rpx;--un-translate-y:0rpx;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));} +} +@layer utility{ +.layer-utility\\\\:block{display:block;} +} +@media (--cssvar){ +.media-cssvar\\\\:block{display:block;} +} +@media (prefers-color-scheme: dark){ +.dark\\\\:text-xl{font-size:40rpx;line-height:56rpx;} +.dark\\\\:not-odd\\\\:text-red:not(:nth-child(odd)){--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));} +} +@media (prefers-color-scheme: light){ +.light\\\\:text-sm{font-size:28rpx;line-height:40rpx;} +} +@media print{ +.print\\\\:block{display:block;} +.print\\\\:link\\\\:\\\\!underline:link{text-decoration-line:underline !important;} +} +@supports(display:grid){ +.\\\\[\\\\@supports\\\\(display\\\\:grid\\\\)\\\\]\\\\:bg-red\\\\/33{background-color:rgba(248,113,113,0.33);} +*+.\\\\[\\\\@supports\\\\(display\\\\:grid\\\\)\\\\]\\\\:\\\\[\\\\*\\\\+\\\\&\\\\]\\\\:bg-red\\\\/34{background-color:rgba(248,113,113,0.34);} +} +@media (max-width: 1023.9px){ +.lt-lg\\\\:m2{margin:16rpx;} +} +@media (max-width: 639.9px){ +.lt-sm\\\\:m1{margin:8rpx;} +} +@media (min-width: 640px){ +.sm\\\\:important\\\\:p-3{padding:24rpx !important;} +.sm\\\\:m-1, +.sm\\\\:m1{margin:8rpx;} +} +@media (min-width: 640px) and (max-width: 767.9px){ +.at-sm\\\\:m1{margin:8rpx;} +} +@media (min-width: 768px){ +.md\\\\:m-1{margin:8rpx;} +.md\\\\:\\\\!hidden{display:none !important;} +} +@media (min-width: 1024px) and (max-width: 1279.9px){ +.at-lg\\\\:m2{margin:16rpx;} +} +@media (min-width: 1536px){ +.at-2xl\\\\:m2{margin:16rpx;} +} +/* layer: uno_css */ +.uno-layer-uno_css\\\\:block{display:block;}" +`; diff --git a/test/__snapshots__/preset-weapp.test.ts.snap b/test/__snapshots__/preset-weapp.test.ts.snap index db9b1cb..4f5dcc2 100644 --- a/test/__snapshots__/preset-weapp.test.ts.snap +++ b/test/__snapshots__/preset-weapp.test.ts.snap @@ -2,7 +2,7 @@ exports[`preset-weapp > align 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .text-left{text-align:left;} .align-text-bottom{vertical-align:text-bottom;} @@ -14,7 +14,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > bg 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .bg-\\\\[\\\\#452233\\\\]_40, .bg-\\\\[\\\\#452233\\\\]\\\\:40, @@ -30,7 +30,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > border 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .b-2{border-width:2rpx;border-style:solid;} .border{border-width:1px;border-style:solid;} @@ -91,7 +91,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > borderColor 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .border-black_10, .border-black\\\\:10, @@ -123,7 +123,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > color 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .op-10, .opacity-10{opacity:0.1;} @@ -167,7 +167,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > flex 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .flex{display:flex;} .flex-shrink, @@ -194,7 +194,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > grid 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .grid{display:grid;} .row-auto{grid-row:auto;} @@ -217,7 +217,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > position 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .absolute{position:absolute;} .pos-fixed{position:fixed;} @@ -265,7 +265,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > shadow 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .shadow{--un-shadow:var(--un-shadow-inset) 0 2rpx 6rpx 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 2rpx 4rpx -2rpx var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);} .shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgba(0,0,0,0));box-shadow:var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);} @@ -281,7 +281,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > size 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .h-1{height:1rpx;} .h-1_2, @@ -334,7 +334,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > spacing 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .p-2, .p2{padding:16rpx;} @@ -374,7 +374,7 @@ page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate- exports[`preset-weapp > typography 1`] = ` "/* layer: preflights */ -page,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;--un-ring-inset:var(--un-empty,/*!*/ /*!*/);--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} /* layer: default */ .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;} .text-100, diff --git a/test/assets/preset-mini-targets.ts b/test/assets/preset-mini-targets.ts index 11fe881..6c71a05 100644 --- a/test/assets/preset-mini-targets.ts +++ b/test/assets/preset-mini-targets.ts @@ -877,6 +877,16 @@ export const presetMiniTargets: string[] = [ 'peer-checked:bg-blue-500', 'parent-hover:text-center', 'previous-checked:bg-red-500', + + // variants - variables + '[&:nth-child(2)]:m-10', + '[&>*]:m-11', + '[*>&]:m-12', + '[&_&]:m-13', + '[&[open]]:m-14', + '[&[readonly][disabled]]:m-15', + '[@supports(display:grid)]:bg-red/33', + '[@supports(display:grid)]:[*+&]:bg-red/34', ] export const presetMiniNonTargets = [ diff --git a/test/preset-mini.test.ts b/test/preset-mini.test.ts new file mode 100644 index 0000000..2856888 --- /dev/null +++ b/test/preset-mini.test.ts @@ -0,0 +1,88 @@ +import { createGenerator, escapeSelector } from '@unocss/core' +import { describe, expect, test } from 'vitest' +import presetWeapp from '../src/index' +import { presetMiniNonTargets, presetMiniTargets } from './assets/preset-mini-targets' +import { presetWindTargets } from './assets/preset-wind-targets' + +const uno = createGenerator({ + presets: [ + presetWeapp({ + dark: 'media', + }), + ], + theme: { + colors: { + custom: { + a: 'var(--custom)', + b: 'rgba(var(--custom), %alpha)', + }, + a: { + b: { + c: '#514543', + }, + camelCase: '#234', + }, + }, + }, +}) + +describe('preset-mini', () => { + test('targets', async () => { + const code = presetMiniTargets.join(' ') + const { css } = await uno.generate(code) + const { css: css2 } = await uno.generate(code) + + const unmatched = [] + for (const i of presetMiniTargets) { + if (!css.includes(escapeSelector(i))) + unmatched.push(i) + } + expect(unmatched).toEqual([]) + expect(css).toMatchSnapshot() + expect(css).toEqual(css2) + }) + + test('utils from preset-wind should be non-targets', async () => { + const code = presetWindTargets.join(' ') + const { css, matched } = await uno.generate(code, { preflights: false }) + + expect(Array.from(matched)).toEqual([]) + expect(css).toBe('') + }) + + test('custom var prefix', async () => { + const uno = createGenerator({ + presets: [ + presetWeapp({ + variablePrefix: 'hi-', + }), + ], + }) + + const { css } = await uno.generate([ + 'text-opacity-50', + 'text-red', + 'scale-100', + ].join(' '), { preflights: false }) + + expect(css).toMatchSnapshot() + }) + + test('nested theme colors', async () => { + const { css, matched } = await uno.generate([ + 'text-a-b-c', + 'text-a-camel-case', + 'bg-a-b-c', + ], { preflights: false }) + + expect(css).toMatchSnapshot('') + expect(matched.size).toBe(3) + }) + + test('none targets', async () => { + const { css, matched } = await uno.generate(new Set(presetMiniNonTargets), { minify: true, preflights: false }) + + expect(css).toMatchInlineSnapshot('""') + expect([...matched]).toEqual([]) + }) +}) diff --git a/test/preset-weapp.test.ts b/test/preset-weapp.test.ts index f9bd953..b9d621c 100644 --- a/test/preset-weapp.test.ts +++ b/test/preset-weapp.test.ts @@ -1,19 +1,18 @@ /* * @Author: licl * @Date: 2022-06-25 13:30:37 - * @LastEditTime: 2022-06-26 16:30:48 + * @LastEditTime: 2022-07-09 15:29:12 * @LastEditors: licl * @Description: */ import { createGenerator } from '@unocss/core' import { describe, expect, test } from 'vitest' -import presetMini from '../src/index' -import { presetMiniTargets } from './assets/preset-mini-targets' +import presetWeapp from '../src/index' import { align, bg, border, borderColor, color, flex, grid, position, shadow, size, spacing, typography } from './assets/weapp' const uno = createGenerator({ presets: [ - presetMini({ + presetWeapp({ dark: 'media', }), ], @@ -99,11 +98,4 @@ describe('preset-weapp', () => { const { css } = await uno.generate(code) expect(css).toMatchSnapshot() }) - - // test('targets', async () => { - // const code = presetMiniTargets.join(' ') - // const { css } = await uno.generate(code) - - // expect(css).toMatchSnapshot() - // }) })