From f29576abc6af332a82ce42e661ca92b041c41f3b Mon Sep 17 00:00:00 2001 From: Anthony Fu Date: Sat, 2 Jul 2022 00:49:15 +0800 Subject: [PATCH] perf(preset-mini): remove redundant fallback for vars --- alias.ts | 1 + packages/preset-mini/src/rules/ring.ts | 4 ++-- packages/preset-mini/src/rules/shadow.ts | 2 +- test/__snapshots__/cli.test.ts.snap | 2 +- test/__snapshots__/preset-mini.test.ts.snap | 14 +++++++------- .../__snapshots__/preset-typography.test.ts.snap | 16 ++++++++-------- test/__snapshots__/preset-uno.test.ts.snap | 2 +- test/__snapshots__/preset-web-fonts.test.ts.snap | 2 +- test/__snapshots__/preset-wind.test.ts.snap | 6 ++---- test/__snapshots__/runtime.test.ts.snap | 2 +- .../transformer-directives.test.ts.snap | 6 +++--- test/preset-wind.test.ts | 4 ++-- 12 files changed, 30 insertions(+), 31 deletions(-) diff --git a/alias.ts b/alias.ts index b7ad39d9c7..0f43800aae 100644 --- a/alias.ts +++ b/alias.ts @@ -9,6 +9,7 @@ export const alias: Record = { '@unocss/autocomplete': r('./packages/autocomplete/src'), '@unocss/cli': r('./packages/cli/src/'), '@unocss/core': r('./packages/core/src/'), + '@unocss/config': r('./packages/config/src/'), '@unocss/inspector': r('./packages/inspector/node/'), '@unocss/preset-attributify': r('./packages/preset-attributify/src/'), '@unocss/preset-icons': r('./packages/preset-icons/src/'), diff --git a/packages/preset-mini/src/rules/ring.ts b/packages/preset-mini/src/rules/ring.ts index 895fcb93f4..717d68fc4d 100644 --- a/packages/preset-mini/src/rules/ring.ts +++ b/packages/preset-mini/src/rules/ring.ts @@ -8,7 +8,7 @@ export const ringBase = { '--un-ring-offset-width': '0px', '--un-ring-offset-color': '#fff', '--un-ring-width': '0px', - '--un-ring-color': 'rgba(147,197,253,0.5)', + '--un-ring-color': '#93c5fd80', '--un-shadow': '0 0 #0000', } @@ -21,7 +21,7 @@ export const rings: Rule[] = [ '--un-ring-width': value, '--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)', + 'box-shadow': 'var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)', } } }, { autocomplete: 'ring-$ringWidth' }], diff --git a/packages/preset-mini/src/rules/shadow.ts b/packages/preset-mini/src/rules/shadow.ts index d4087743f5..cd302f0379 100644 --- a/packages/preset-mini/src/rules/shadow.ts +++ b/packages/preset-mini/src/rules/shadow.ts @@ -16,7 +16,7 @@ export const boxShadows: Rule[] = [ if (v) { return { '--un-shadow': colorableShadows(v, '--un-shadow-color').join(','), - 'box-shadow': 'var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow)', + 'box-shadow': 'var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)', } } }, { autocomplete: 'shadow-$boxShadow' }], diff --git a/test/__snapshots__/cli.test.ts.snap b/test/__snapshots__/cli.test.ts.snap index 553fed1f4d..a5ce88c447 100644 --- a/test/__snapshots__/cli.test.ts.snap +++ b/test/__snapshots__/cli.test.ts.snap @@ -8,5 +8,5 @@ exports[`cli > builds uno.css 1`] = ` exports[`cli > supports unocss.config.js 1`] = ` "/* layer: shortcuts */ -.box{margin-left:auto;margin-right:auto;max-width:80rem;border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(243,244,246,var(--un-bg-opacity));padding:1rem;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0,0,0,0.05));box-shadow:var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);}" +.box{margin-left:auto;margin-right:auto;max-width:80rem;border-radius:0.375rem;--un-bg-opacity:1;background-color:rgba(243,244,246,var(--un-bg-opacity));padding:1rem;--un-shadow:var(--un-shadow-inset) 0 1px 2px 0 var(--un-shadow-color, rgba(0,0,0,0.05));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}" `; diff --git a/test/__snapshots__/preset-mini.test.ts.snap b/test/__snapshots__/preset-mini.test.ts.snap index 468b002305..581bc3c555 100644 --- a/test/__snapshots__/preset-mini.test.ts.snap +++ b/test/__snapshots__/preset-mini.test.ts.snap @@ -9,7 +9,7 @@ exports[`preset-mini > custom var prefix 1`] = ` exports[`preset-mini > targets 1`] = ` "/* layer: preflights */ -:root{--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: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +:root{--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: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;} /* layer: 1 */ .uno-layer-1\\\\:translate-0{--un-translate-x:0rem;--un-translate-y:0rem;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 */ @@ -441,9 +441,9 @@ div:hover .group-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]{combina .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 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px 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 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px 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{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), 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), var(--un-ring-shadow), var(--un-shadow);} +.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), 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));} @@ -452,9 +452,9 @@ div:hover .group-\\\\[div\\\\:hover\\\\]-\\\\[combinator\\\\:test-4\\\\]{combina .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-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);} +.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);} +.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);} .ring-size-px, .ring-width-px{--un-ring-width:1px;} .ring-offset{--un-ring-offset-width:1px;} diff --git a/test/__snapshots__/preset-typography.test.ts.snap b/test/__snapshots__/preset-typography.test.ts.snap index 0d698f4b1b..260628d153 100644 --- a/test/__snapshots__/preset-typography.test.ts.snap +++ b/test/__snapshots__/preset-typography.test.ts.snap @@ -2,7 +2,7 @@ exports[`typography > prose-attribute 1`] = ` "/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} +:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} /* layer: typography */ :is([prose=\\"\\"],.prose) :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}:is([prose=\\"\\"],.prose) :where(a):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is([prose=\\"\\"],.prose) :where(a code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);}:is([prose=\\"\\"],.prose) :where(p,ul,ol,pre):not(:where(.not-prose,.not-prose *)){margin:1em 0;line-height:1.75;}:is([prose=\\"\\"],.prose) :where(blockquote):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}:is([prose=\\"\\"],.prose) :where(h1):not(:where(.not-prose,.not-prose *)){margin:1rem 0;font-size:2.25em;}:is([prose=\\"\\"],.prose) :where(h2):not(:where(.not-prose,.not-prose *)){margin:1.75em 0 .5em;font-size:1.75em;}:is([prose=\\"\\"],.prose) :where(h3):not(:where(.not-prose,.not-prose *)){margin:1.5em 0 .5em;font-size:1.375em;}:is([prose=\\"\\"],.prose) :where(h4):not(:where(.not-prose,.not-prose *)){margin:1em 0;font-size:1.125em;}:is([prose=\\"\\"],.prose) :where(img,video):not(:where(.not-prose,.not-prose *)){max-width:100%;}:is([prose=\\"\\"],.prose) :where(figure,picture):not(:where(.not-prose,.not-prose *)){margin:1em 0;}:is([prose=\\"\\"],.prose) :where(figcaption):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-captions);font-size:.875em;}:is([prose=\\"\\"],.prose) :where(code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:var(--un-prose-font-mono);}:is([prose=\\"\\"],.prose) :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::before,:is([prose=\\"\\"],.prose) :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::after{content:\\"\`\\";}:is([prose=\\"\\"],.prose) :where(pre):not(:where(.not-prose,.not-prose *)){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}:is([prose=\\"\\"],.prose) :where(pre,code):not(:where(.not-prose,.not-prose *)){white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;background:transparent;}:is([prose=\\"\\"],.prose) :where(pre code):not(:where(.not-prose,.not-prose *)){font-weight:inherit;}:is([prose=\\"\\"],.prose) :where(ol,ul):not(:where(.not-prose,.not-prose *)){padding-left:1.25em;}:is([prose=\\"\\"],.prose) :where(ol):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"A\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"a\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"A\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"a\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"I\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"i\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"I\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"i\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"1\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}:is([prose=\\"\\"],.prose) :where(ul):not(:where(.not-prose,.not-prose *)){list-style-type:disc;}:is([prose=\\"\\"],.prose) :where(ol > li):not(:where(.not-prose,.not-prose *))::marker,:is([prose=\\"\\"],.prose) :where(ul > li):not(:where(.not-prose,.not-prose *))::marker,:is([prose=\\"\\"],.prose) :where(summary):not(:where(.not-prose,.not-prose *))::marker{color:var(--un-prose-lists);}:is([prose=\\"\\"],.prose) :where(hr):not(:where(.not-prose,.not-prose *)){margin:2em 0;border:1px solid var(--un-prose-hr);}:is([prose=\\"\\"],.prose) :where(table):not(:where(.not-prose,.not-prose *)){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}:is([prose=\\"\\"],.prose) :where(tr):not(:where(.not-prose,.not-prose *)):nth-child(2n){background:var(--un-prose-bg-soft);}:is([prose=\\"\\"],.prose) :where(td,th):not(:where(.not-prose,.not-prose *)){border:1px solid var(--un-prose-borders);padding:.625em 1em;}:is([prose=\\"\\"],.prose) :where(abbr):not(:where(.not-prose,.not-prose *)){cursor:help;}:is([prose=\\"\\"],.prose) :where(kbd):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}:is([prose=\\"\\"],.prose) :where(details):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}:is([prose=\\"\\"],.prose) :where(summary):not(:where(.not-prose,.not-prose *)){cursor:pointer;font-weight:600;} .prose, @@ -18,7 +18,7 @@ exports[`typography > prose-attribute 1`] = ` exports[`typography > prose-attribute-custom 1`] = ` "/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} +:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} /* layer: typography */ :is([custom=\\"\\"],.custom) :where(h1,h2,h3,h4,h5,h6):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}:is([custom=\\"\\"],.custom) :where(a):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is([custom=\\"\\"],.custom) :where(a code):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-links);}:is([custom=\\"\\"],.custom) :where(p,ul,ol,pre):not(:where(.not-custom,.not-custom *)){margin:1em 0;line-height:1.75;}:is([custom=\\"\\"],.custom) :where(blockquote):not(:where(.not-custom,.not-custom *)){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}:is([custom=\\"\\"],.custom) :where(h1):not(:where(.not-custom,.not-custom *)){margin:1rem 0;font-size:2.25em;}:is([custom=\\"\\"],.custom) :where(h2):not(:where(.not-custom,.not-custom *)){margin:1.75em 0 .5em;font-size:1.75em;}:is([custom=\\"\\"],.custom) :where(h3):not(:where(.not-custom,.not-custom *)){margin:1.5em 0 .5em;font-size:1.375em;}:is([custom=\\"\\"],.custom) :where(h4):not(:where(.not-custom,.not-custom *)){margin:1em 0;font-size:1.125em;}:is([custom=\\"\\"],.custom) :where(img,video):not(:where(.not-custom,.not-custom *)){max-width:100%;}:is([custom=\\"\\"],.custom) :where(figure,picture):not(:where(.not-custom,.not-custom *)){margin:1em 0;}:is([custom=\\"\\"],.custom) :where(figcaption):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-captions);font-size:.875em;}:is([custom=\\"\\"],.custom) :where(code):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:var(--un-prose-font-mono);}:is([custom=\\"\\"],.custom) :where(:not(pre) > code):not(:where(.not-custom,.not-custom *))::before,:is([custom=\\"\\"],.custom) :where(:not(pre) > code):not(:where(.not-custom,.not-custom *))::after{content:\\"\`\\";}:is([custom=\\"\\"],.custom) :where(pre):not(:where(.not-custom,.not-custom *)){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}:is([custom=\\"\\"],.custom) :where(pre,code):not(:where(.not-custom,.not-custom *)){white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;background:transparent;}:is([custom=\\"\\"],.custom) :where(pre code):not(:where(.not-custom,.not-custom *)){font-weight:inherit;}:is([custom=\\"\\"],.custom) :where(ol,ul):not(:where(.not-custom,.not-custom *)){padding-left:1.25em;}:is([custom=\\"\\"],.custom) :where(ol):not(:where(.not-custom,.not-custom *)){list-style-type:decimal;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"A\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:upper-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"a\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:lower-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"A\\" s]):not(:where(.not-custom,.not-custom *)){list-style-type:upper-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"a\\" s]):not(:where(.not-custom,.not-custom *)){list-style-type:lower-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"I\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:upper-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"i\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:lower-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"I\\" s]):not(:where(.not-custom,.not-custom *)){list-style-type:upper-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"i\\" s]):not(:where(.not-custom,.not-custom *)){list-style-type:lower-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"1\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:decimal;}:is([custom=\\"\\"],.custom) :where(ul):not(:where(.not-custom,.not-custom *)){list-style-type:disc;}:is([custom=\\"\\"],.custom) :where(ol > li):not(:where(.not-custom,.not-custom *))::marker,:is([custom=\\"\\"],.custom) :where(ul > li):not(:where(.not-custom,.not-custom *))::marker,:is([custom=\\"\\"],.custom) :where(summary):not(:where(.not-custom,.not-custom *))::marker{color:var(--un-prose-lists);}:is([custom=\\"\\"],.custom) :where(hr):not(:where(.not-custom,.not-custom *)){margin:2em 0;border:1px solid var(--un-prose-hr);}:is([custom=\\"\\"],.custom) :where(table):not(:where(.not-custom,.not-custom *)){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}:is([custom=\\"\\"],.custom) :where(tr):not(:where(.not-custom,.not-custom *)):nth-child(2n){background:var(--un-prose-bg-soft);}:is([custom=\\"\\"],.custom) :where(td,th):not(:where(.not-custom,.not-custom *)){border:1px solid var(--un-prose-borders);padding:.625em 1em;}:is([custom=\\"\\"],.custom) :where(abbr):not(:where(.not-custom,.not-custom *)){cursor:help;}:is([custom=\\"\\"],.custom) :where(kbd):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}:is([custom=\\"\\"],.custom) :where(details):not(:where(.not-custom,.not-custom *)){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}:is([custom=\\"\\"],.custom) :where(summary):not(:where(.not-custom,.not-custom *)){cursor:pointer;font-weight:600;} .custom, @@ -34,14 +34,14 @@ exports[`typography > prose-attribute-custom 1`] = ` exports[`typography > prose-black 1`] = ` "/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} +:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} /* layer: typography */ .prose-black{--un-prose-body:#000;--un-prose-headings:#000;--un-prose-links:#000;--un-prose-lists:#000;--un-prose-hr:#000;--un-prose-captions:#000;--un-prose-code:#000;--un-prose-borders:#000;--un-prose-bg-soft:#000;--un-prose-invert-body:#000;--un-prose-invert-headings:#000;--un-prose-invert-links:#000;--un-prose-invert-lists:#000;--un-prose-invert-hr:#000;--un-prose-invert-captions:#000;--un-prose-invert-code:#000;--un-prose-invert-borders:#000;--un-prose-invert-bg-soft:#000;--un-prose-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;}" `; exports[`typography > prose-class 1`] = ` "/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} +:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} /* layer: typography */ .prose :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.prose :where(a):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.prose :where(a code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);}.prose :where(p,ul,ol,pre):not(:where(.not-prose,.not-prose *)){margin:1em 0;line-height:1.75;}.prose :where(blockquote):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.prose :where(h1):not(:where(.not-prose,.not-prose *)){margin:1rem 0;font-size:2.25em;}.prose :where(h2):not(:where(.not-prose,.not-prose *)){margin:1.75em 0 .5em;font-size:1.75em;}.prose :where(h3):not(:where(.not-prose,.not-prose *)){margin:1.5em 0 .5em;font-size:1.375em;}.prose :where(h4):not(:where(.not-prose,.not-prose *)){margin:1em 0;font-size:1.125em;}.prose :where(img,video):not(:where(.not-prose,.not-prose *)){max-width:100%;}.prose :where(figure,picture):not(:where(.not-prose,.not-prose *)){margin:1em 0;}.prose :where(figcaption):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-captions);font-size:.875em;}.prose :where(code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:var(--un-prose-font-mono);}.prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::before,.prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::after{content:\\"\`\\";}.prose :where(pre):not(:where(.not-prose,.not-prose *)){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.prose :where(pre,code):not(:where(.not-prose,.not-prose *)){white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;background:transparent;}.prose :where(pre code):not(:where(.not-prose,.not-prose *)){font-weight:inherit;}.prose :where(ol,ul):not(:where(.not-prose,.not-prose *)){padding-left:1.25em;}.prose :where(ol):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}.prose :where(ol[type=\\"A\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}.prose :where(ol[type=\\"A\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}.prose :where(ol[type=\\"I\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}.prose :where(ol[type=\\"I\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}.prose :where(ol[type=\\"1\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}.prose :where(ul):not(:where(.not-prose,.not-prose *)){list-style-type:disc;}.prose :where(ol > li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(ul > li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(summary):not(:where(.not-prose,.not-prose *))::marker{color:var(--un-prose-lists);}.prose :where(hr):not(:where(.not-prose,.not-prose *)){margin:2em 0;border:1px solid var(--un-prose-hr);}.prose :where(table):not(:where(.not-prose,.not-prose *)){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.prose :where(tr):not(:where(.not-prose,.not-prose *)):nth-child(2n){background:var(--un-prose-bg-soft);}.prose :where(td,th):not(:where(.not-prose,.not-prose *)){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.prose :where(abbr):not(:where(.not-prose,.not-prose *)){cursor:help;}.prose :where(kbd):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.prose :where(details):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.prose :where(summary):not(:where(.not-prose,.not-prose *)){cursor:pointer;font-weight:600;} .prose{color:var(--un-prose-body);max-width:65ch;} @@ -53,7 +53,7 @@ exports[`typography > prose-class 1`] = ` exports[`typography > prose-class-custom 1`] = ` "/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} +:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} /* layer: typography */ .custom :where(h1,h2,h3,h4,h5,h6):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.custom :where(a):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.custom :where(a code):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-links);}.custom :where(p,ul,ol,pre):not(:where(.not-custom,.not-custom *)){margin:1em 0;line-height:1.75;}.custom :where(blockquote):not(:where(.not-custom,.not-custom *)){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.custom :where(h1):not(:where(.not-custom,.not-custom *)){margin:1rem 0;font-size:2.25em;}.custom :where(h2):not(:where(.not-custom,.not-custom *)){margin:1.75em 0 .5em;font-size:1.75em;}.custom :where(h3):not(:where(.not-custom,.not-custom *)){margin:1.5em 0 .5em;font-size:1.375em;}.custom :where(h4):not(:where(.not-custom,.not-custom *)){margin:1em 0;font-size:1.125em;}.custom :where(img,video):not(:where(.not-custom,.not-custom *)){max-width:100%;}.custom :where(figure,picture):not(:where(.not-custom,.not-custom *)){margin:1em 0;}.custom :where(figcaption):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-captions);font-size:.875em;}.custom :where(code):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:var(--un-prose-font-mono);}.custom :where(:not(pre) > code):not(:where(.not-custom,.not-custom *))::before,.custom :where(:not(pre) > code):not(:where(.not-custom,.not-custom *))::after{content:\\"\`\\";}.custom :where(pre):not(:where(.not-custom,.not-custom *)){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.custom :where(pre,code):not(:where(.not-custom,.not-custom *)){white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;background:transparent;}.custom :where(pre code):not(:where(.not-custom,.not-custom *)){font-weight:inherit;}.custom :where(ol,ul):not(:where(.not-custom,.not-custom *)){padding-left:1.25em;}.custom :where(ol):not(:where(.not-custom,.not-custom *)){list-style-type:decimal;}.custom :where(ol[type=\\"A\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:upper-alpha;}.custom :where(ol[type=\\"a\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:lower-alpha;}.custom :where(ol[type=\\"A\\" s]):not(:where(.not-custom,.not-custom *)){list-style-type:upper-alpha;}.custom :where(ol[type=\\"a\\" s]):not(:where(.not-custom,.not-custom *)){list-style-type:lower-alpha;}.custom :where(ol[type=\\"I\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:upper-roman;}.custom :where(ol[type=\\"i\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:lower-roman;}.custom :where(ol[type=\\"I\\" s]):not(:where(.not-custom,.not-custom *)){list-style-type:upper-roman;}.custom :where(ol[type=\\"i\\" s]):not(:where(.not-custom,.not-custom *)){list-style-type:lower-roman;}.custom :where(ol[type=\\"1\\"]):not(:where(.not-custom,.not-custom *)){list-style-type:decimal;}.custom :where(ul):not(:where(.not-custom,.not-custom *)){list-style-type:disc;}.custom :where(ol > li):not(:where(.not-custom,.not-custom *))::marker,.custom :where(ul > li):not(:where(.not-custom,.not-custom *))::marker,.custom :where(summary):not(:where(.not-custom,.not-custom *))::marker{color:var(--un-prose-lists);}.custom :where(hr):not(:where(.not-custom,.not-custom *)){margin:2em 0;border:1px solid var(--un-prose-hr);}.custom :where(table):not(:where(.not-custom,.not-custom *)){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.custom :where(tr):not(:where(.not-custom,.not-custom *)):nth-child(2n){background:var(--un-prose-bg-soft);}.custom :where(td,th):not(:where(.not-custom,.not-custom *)){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.custom :where(abbr):not(:where(.not-custom,.not-custom *)){cursor:help;}.custom :where(kbd):not(:where(.not-custom,.not-custom *)){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.custom :where(details):not(:where(.not-custom,.not-custom *)){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.custom :where(summary):not(:where(.not-custom,.not-custom *)){cursor:pointer;font-weight:600;} .custom{color:var(--un-prose-body);max-width:65ch;} @@ -65,7 +65,7 @@ exports[`typography > prose-class-custom 1`] = ` exports[`typography > prose-custom-css 1`] = ` "/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} +:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} /* layer: typography */ .prose :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.prose :where(a):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.prose :where(a code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);}.prose :where(p,ul,ol,pre):not(:where(.not-prose,.not-prose *)){margin:1em 0;line-height:1.75;}.prose :where(blockquote):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.prose :where(h1):not(:where(.not-prose,.not-prose *)){margin:1rem 0;font-size:2.25em;}.prose :where(h2):not(:where(.not-prose,.not-prose *)){margin:1.75em 0 .5em;font-size:1.75em;}.prose :where(h3):not(:where(.not-prose,.not-prose *)){margin:1.5em 0 .5em;font-size:1.375em;}.prose :where(h4):not(:where(.not-prose,.not-prose *)){margin:1em 0;font-size:1.125em;}.prose :where(img,video):not(:where(.not-prose,.not-prose *)){max-width:100%;}.prose :where(figure,picture):not(:where(.not-prose,.not-prose *)){margin:1em 0;}.prose :where(figcaption):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-captions);font-size:.875em;}.prose :where(code):not(:where(.not-prose,.not-prose *)){color:#8b5cf6;font-size:.875em;font-weight:600;font-family:var(--un-prose-font-mono);}.prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::before,.prose :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::after{content:\\"\`\\";}.prose :where(pre):not(:where(.not-prose,.not-prose *)){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.prose :where(pre,code):not(:where(.not-prose,.not-prose *)){white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;background:transparent;}.prose :where(pre code):not(:where(.not-prose,.not-prose *)){font-weight:inherit;}.prose :where(ol,ul):not(:where(.not-prose,.not-prose *)){padding-left:1.25em;}.prose :where(ol):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}.prose :where(ol[type=\\"A\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}.prose :where(ol[type=\\"A\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}.prose :where(ol[type=\\"I\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}.prose :where(ol[type=\\"I\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}.prose :where(ol[type=\\"1\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}.prose :where(ul):not(:where(.not-prose,.not-prose *)){list-style-type:disc;}.prose :where(ol > li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(ul > li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(summary):not(:where(.not-prose,.not-prose *))::marker{color:var(--un-prose-lists);}.prose :where(hr):not(:where(.not-prose,.not-prose *)){margin:2em 0;border:1px solid var(--un-prose-hr);}.prose :where(table):not(:where(.not-prose,.not-prose *)){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.prose :where(tr):not(:where(.not-prose,.not-prose *)):nth-child(2n){background:var(--un-prose-bg-soft);}.prose :where(td,th):not(:where(.not-prose,.not-prose *)){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.prose :where(abbr):not(:where(.not-prose,.not-prose *)){cursor:help;}.prose :where(kbd):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.prose :where(details):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.prose :where(summary):not(:where(.not-prose,.not-prose *)){cursor:pointer;font-weight:600;}.prose :where(a):not(:where(.not-prose,.not-prose *)):hover{color:#f43f5e;}.prose :where(a):not(:where(.not-prose,.not-prose *)):visited{color:#14b8a6;} .prose{color:var(--un-prose-body);max-width:65ch;}" @@ -73,7 +73,7 @@ exports[`typography > prose-custom-css 1`] = ` exports[`typography > prose-custom-prefix-attribute 1`] = ` "/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} +:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} /* layer: typography */ :is([u\\\\:prose=\\"\\"],.prose) :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}:is([u\\\\:prose=\\"\\"],.prose) :where(a):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is([u\\\\:prose=\\"\\"],.prose) :where(a code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);}:is([u\\\\:prose=\\"\\"],.prose) :where(p,ul,ol,pre):not(:where(.not-prose,.not-prose *)){margin:1em 0;line-height:1.75;}:is([u\\\\:prose=\\"\\"],.prose) :where(blockquote):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}:is([u\\\\:prose=\\"\\"],.prose) :where(h1):not(:where(.not-prose,.not-prose *)){margin:1rem 0;font-size:2.25em;}:is([u\\\\:prose=\\"\\"],.prose) :where(h2):not(:where(.not-prose,.not-prose *)){margin:1.75em 0 .5em;font-size:1.75em;}:is([u\\\\:prose=\\"\\"],.prose) :where(h3):not(:where(.not-prose,.not-prose *)){margin:1.5em 0 .5em;font-size:1.375em;}:is([u\\\\:prose=\\"\\"],.prose) :where(h4):not(:where(.not-prose,.not-prose *)){margin:1em 0;font-size:1.125em;}:is([u\\\\:prose=\\"\\"],.prose) :where(img,video):not(:where(.not-prose,.not-prose *)){max-width:100%;}:is([u\\\\:prose=\\"\\"],.prose) :where(figure,picture):not(:where(.not-prose,.not-prose *)){margin:1em 0;}:is([u\\\\:prose=\\"\\"],.prose) :where(figcaption):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-captions);font-size:.875em;}:is([u\\\\:prose=\\"\\"],.prose) :where(code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:var(--un-prose-font-mono);}:is([u\\\\:prose=\\"\\"],.prose) :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::before,:is([u\\\\:prose=\\"\\"],.prose) :where(:not(pre) > code):not(:where(.not-prose,.not-prose *))::after{content:\\"\`\\";}:is([u\\\\:prose=\\"\\"],.prose) :where(pre):not(:where(.not-prose,.not-prose *)){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}:is([u\\\\:prose=\\"\\"],.prose) :where(pre,code):not(:where(.not-prose,.not-prose *)){white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;background:transparent;}:is([u\\\\:prose=\\"\\"],.prose) :where(pre code):not(:where(.not-prose,.not-prose *)){font-weight:inherit;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol,ul):not(:where(.not-prose,.not-prose *)){padding-left:1.25em;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"A\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"a\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"A\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"a\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"I\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"i\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"I\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"i\\" s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"1\\"]):not(:where(.not-prose,.not-prose *)){list-style-type:decimal;}:is([u\\\\:prose=\\"\\"],.prose) :where(ul):not(:where(.not-prose,.not-prose *)){list-style-type:disc;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol > li):not(:where(.not-prose,.not-prose *))::marker,:is([u\\\\:prose=\\"\\"],.prose) :where(ul > li):not(:where(.not-prose,.not-prose *))::marker,:is([u\\\\:prose=\\"\\"],.prose) :where(summary):not(:where(.not-prose,.not-prose *))::marker{color:var(--un-prose-lists);}:is([u\\\\:prose=\\"\\"],.prose) :where(hr):not(:where(.not-prose,.not-prose *)){margin:2em 0;border:1px solid var(--un-prose-hr);}:is([u\\\\:prose=\\"\\"],.prose) :where(table):not(:where(.not-prose,.not-prose *)){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}:is([u\\\\:prose=\\"\\"],.prose) :where(tr):not(:where(.not-prose,.not-prose *)):nth-child(2n){background:var(--un-prose-bg-soft);}:is([u\\\\:prose=\\"\\"],.prose) :where(td,th):not(:where(.not-prose,.not-prose *)){border:1px solid var(--un-prose-borders);padding:.625em 1em;}:is([u\\\\:prose=\\"\\"],.prose) :where(abbr):not(:where(.not-prose,.not-prose *)){cursor:help;}:is([u\\\\:prose=\\"\\"],.prose) :where(kbd):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}:is([u\\\\:prose=\\"\\"],.prose) :where(details):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}:is([u\\\\:prose=\\"\\"],.prose) :where(summary):not(:where(.not-prose,.not-prose *)){cursor:pointer;font-weight:600;} .prose, @@ -82,5 +82,5 @@ exports[`typography > prose-custom-prefix-attribute 1`] = ` exports[`typography > prose-missing-color 1`] = ` "/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}" +:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}" `; diff --git a/test/__snapshots__/preset-uno.test.ts.snap b/test/__snapshots__/preset-uno.test.ts.snap index a701457204..60429a0b67 100644 --- a/test/__snapshots__/preset-uno.test.ts.snap +++ b/test/__snapshots__/preset-uno.test.ts.snap @@ -45,6 +45,6 @@ section{--un-text-opacity:1;color:rgba(156,163,175,var(--un-text-opacity));} .body_main{--un-bg-opacity:1;background-color:rgba(255,255,255,var(--un-bg-opacity));} } @media (min-width: 768px){ -aside{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px 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);} +aside{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);} }" `; diff --git a/test/__snapshots__/preset-web-fonts.test.ts.snap b/test/__snapshots__/preset-web-fonts.test.ts.snap index 3beb323633..be1665bd26 100644 --- a/test/__snapshots__/preset-web-fonts.test.ts.snap +++ b/test/__snapshots__/preset-web-fonts.test.ts.snap @@ -2,7 +2,7 @@ exports[`web-fonts (inline: false) 1`] = ` "/* layer: preflights */ -:root{--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: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);} +:root{--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: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;} /* layer: __webfonts__ */ @import url('https://fonts.googleapis.com/css2?family=Roboto&family=Fira+Code&family=Fira+Mono:wght@400;700&family=Lobster&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap') /* layer: default */ diff --git a/test/__snapshots__/preset-wind.test.ts.snap b/test/__snapshots__/preset-wind.test.ts.snap index 2b48ba6270..b62c5341ab 100644 --- a/test/__snapshots__/preset-wind.test.ts.snap +++ b/test/__snapshots__/preset-wind.test.ts.snap @@ -28,9 +28,7 @@ exports[`preset-wind > centered containers 1`] = ` `; exports[`preset-wind > containers 1`] = ` -"/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} -/* layer: shortcuts */ +"/* layer: shortcuts */ .container{max-width:100%;} @media (min-width: 640px){ .container{max-width:640px;} @@ -58,7 +56,7 @@ exports[`preset-wind > containers 1`] = ` exports[`preset-wind > targets 1`] = ` "/* layer: preflights */ -:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} +:root{--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-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;} /* layer: _pre */ @media (prefers-contrast: less){ .uno-layer-_pre\\\\:contrast-less\\\\:bg-gray-3{--un-bg-opacity:1;background-color:rgba(209,213,219,var(--un-bg-opacity));} diff --git a/test/__snapshots__/runtime.test.ts.snap b/test/__snapshots__/runtime.test.ts.snap index decc720783..3061b22800 100644 --- a/test/__snapshots__/runtime.test.ts.snap +++ b/test/__snapshots__/runtime.test.ts.snap @@ -9,7 +9,7 @@ scale-2{--un-scale-x:0.02;--un-scale-y:0.02;transform:translateX(var(--un-transl hover\\\\:color-red:hover, text-red{--un-text-opacity:1;color:rgba(248,113,113,var(--un-text-opacity));} text-green5\\\\:10{color:rgba(34,197,94,0.1);} -shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px 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-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}" `; exports[`runtime auto prefixer > using autoprefixer 1`] = ` diff --git a/test/__snapshots__/transformer-directives.test.ts.snap b/test/__snapshots__/transformer-directives.test.ts.snap index 2477820a28..39adfd1210 100644 --- a/test/__snapshots__/transformer-directives.test.ts.snap +++ b/test/__snapshots__/transformer-directives.test.ts.snap @@ -99,7 +99,7 @@ html.dark { 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); + var(--un-shadow); --un-ring-opacity: 1; --un-ring-color: rgba(31, 41, 55, var(--un-ring-opacity)); --un-ring-opacity: 0.75; @@ -208,7 +208,7 @@ input:focus { 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); + var(--un-shadow); } .btn { @@ -239,7 +239,7 @@ input:focus { 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); + var(--un-shadow); } " `; diff --git a/test/preset-wind.test.ts b/test/preset-wind.test.ts index 6fddc0670b..5ab64e432f 100644 --- a/test/preset-wind.test.ts +++ b/test/preset-wind.test.ts @@ -37,7 +37,7 @@ describe('preset-wind', () => { }) test('non-targets', async () => { - const { matched } = await uno.generate(new Set(presetWindNonTargets)) + const { matched } = await uno.generate(new Set(presetWindNonTargets), { preflights: false }) expect([...matched]).toEqual([]) }) @@ -51,7 +51,7 @@ describe('preset-wind', () => { const nonTargets = [ '__container', ] - const { css, matched } = await uno.generate(new Set([...targets, ...nonTargets])) + const { css, matched } = await uno.generate(new Set([...targets, ...nonTargets]), { preflights: false }) expect(matched).toEqual(new Set(targets)) expect(css).toMatchSnapshot()