diff --git a/packages/preset-typography/src/index.ts b/packages/preset-typography/src/index.ts index 466c510468..d0bd50a0c6 100644 --- a/packages/preset-typography/src/index.ts +++ b/packages/preset-typography/src/index.ts @@ -105,6 +105,8 @@ export function presetTypography(options?: TypographyOptions): Preset { '--un-prose-invert-code': colorObject[100] ?? baseColor, '--un-prose-invert-borders': colorObject[700] ?? baseColor, '--un-prose-invert-bg-soft': colorObject[800] ?? baseColor, + + '--un-prose-font-mono': theme.fontFamily?.mono, } }, { layer: 'typography' }, diff --git a/packages/preset-typography/src/preflights/default.ts b/packages/preset-typography/src/preflights/default.ts index 6b09406751..6b45ba90ce 100644 --- a/packages/preset-typography/src/preflights/default.ts +++ b/packages/preset-typography/src/preflights/default.ts @@ -54,8 +54,7 @@ export const DEFAULT = { 'color': 'var(--un-prose-code)', 'font-size': '.875em', 'font-weight': 600, - 'font-family': - 'ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation-Mono,Courier-New,monospace', + 'font-family': 'var(--un-prose-font-mono)', }, ':not(pre) > code::before,:not(pre) > code::after': { content: '"`"', diff --git a/test/__snapshots__/preset-typography.test.ts.snap b/test/__snapshots__/preset-typography.test.ts.snap index 472ed95c37..20d0a3f178 100644 --- a/test/__snapshots__/preset-typography.test.ts.snap +++ b/test/__snapshots__/preset-typography.test.ts.snap @@ -2,11 +2,11 @@ exports[`typography > prose-attribute 1`] = ` "/* layer: typography */ -:is([prose=\\"\\"],.prose) :where(h1,h2,h3,h4,h5,h6):not(.not-prose){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}:is([prose=\\"\\"],.prose) :where(a):not(.not-prose){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is([prose=\\"\\"],.prose) :where(a code):not(.not-prose){color:var(--un-prose-links);}:is([prose=\\"\\"],.prose) :where(p,ul,ol,pre):not(.not-prose){margin:1em 0;line-height:1.75;}:is([prose=\\"\\"],.prose) :where(blockquote):not(.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(.not-prose){margin:1rem 0;font-size:2.25em;}:is([prose=\\"\\"],.prose) :where(h2):not(.not-prose){margin:1.75em 0 .5em;font-size:1.75em;}:is([prose=\\"\\"],.prose) :where(h3):not(.not-prose){margin:1.5em 0 .5em;font-size:1.375em;}:is([prose=\\"\\"],.prose) :where(h4):not(.not-prose){margin:1em 0;font-size:1.125em;}:is([prose=\\"\\"],.prose) :where(img,video):not(.not-prose){max-width:100%;}:is([prose=\\"\\"],.prose) :where(figure,picture):not(.not-prose){margin:1em 0;}:is([prose=\\"\\"],.prose) :where(figcaption):not(.not-prose){color:var(--un-prose-captions);font-size:.875em;}:is([prose=\\"\\"],.prose) :where(code):not(.not-prose){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation-Mono,Courier-New,monospace;}:is([prose=\\"\\"],.prose) :where(:not(pre) > code):not(.not-prose)::before,:is([prose=\\"\\"],.prose) :where(:not(pre) > code):not(.not-prose)::after{content:\\"\`\\";}:is([prose=\\"\\"],.prose) :where(pre):not(.not-prose){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}:is([prose=\\"\\"],.prose) :where(pre,code):not(.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(.not-prose){font-weight:inherit;}:is([prose=\\"\\"],.prose) :where(ol,ul):not(.not-prose){padding-left:1.25em;}:is([prose=\\"\\"],.prose) :where(ol):not(.not-prose){list-style-type:decimal;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"A\\"]):not(.not-prose){list-style-type:upper-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"a\\"]):not(.not-prose){list-style-type:lower-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"A\\" s]):not(.not-prose){list-style-type:upper-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"a\\" s]):not(.not-prose){list-style-type:lower-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"I\\"]):not(.not-prose){list-style-type:upper-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"i\\"]):not(.not-prose){list-style-type:lower-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"I\\" s]):not(.not-prose){list-style-type:upper-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"i\\" s]):not(.not-prose){list-style-type:lower-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"1\\"]):not(.not-prose){list-style-type:decimal;}:is([prose=\\"\\"],.prose) :where(ul):not(.not-prose){list-style-type:disc;}:is([prose=\\"\\"],.prose) :where(ol > li):not(.not-prose)::marker,:is([prose=\\"\\"],.prose) :where(ul > li):not(.not-prose)::marker,:is([prose=\\"\\"],.prose) :where(summary):not(.not-prose)::marker{color:var(--un-prose-lists);}:is([prose=\\"\\"],.prose) :where(hr):not(.not-prose){margin:2em 0;border:1px solid var(--un-prose-hr);}:is([prose=\\"\\"],.prose) :where(table):not(.not-prose){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}:is([prose=\\"\\"],.prose) :where(tr):not(.not-prose):nth-child(2n){background:var(--un-prose-bg-soft);}:is([prose=\\"\\"],.prose) :where(td,th):not(.not-prose){border:1px solid var(--un-prose-borders);padding:.625em 1em;}:is([prose=\\"\\"],.prose) :where(abbr):not(.not-prose){cursor:help;}:is([prose=\\"\\"],.prose) :where(kbd):not(.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(.not-prose){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}:is([prose=\\"\\"],.prose) :where(summary):not(.not-prose){cursor:pointer;font-weight:600;} +:is([prose=\\"\\"],.prose) :where(h1,h2,h3,h4,h5,h6):not(.not-prose){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}:is([prose=\\"\\"],.prose) :where(a):not(.not-prose){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is([prose=\\"\\"],.prose) :where(a code):not(.not-prose){color:var(--un-prose-links);}:is([prose=\\"\\"],.prose) :where(p,ul,ol,pre):not(.not-prose){margin:1em 0;line-height:1.75;}:is([prose=\\"\\"],.prose) :where(blockquote):not(.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(.not-prose){margin:1rem 0;font-size:2.25em;}:is([prose=\\"\\"],.prose) :where(h2):not(.not-prose){margin:1.75em 0 .5em;font-size:1.75em;}:is([prose=\\"\\"],.prose) :where(h3):not(.not-prose){margin:1.5em 0 .5em;font-size:1.375em;}:is([prose=\\"\\"],.prose) :where(h4):not(.not-prose){margin:1em 0;font-size:1.125em;}:is([prose=\\"\\"],.prose) :where(img,video):not(.not-prose){max-width:100%;}:is([prose=\\"\\"],.prose) :where(figure,picture):not(.not-prose){margin:1em 0;}:is([prose=\\"\\"],.prose) :where(figcaption):not(.not-prose){color:var(--un-prose-captions);font-size:.875em;}:is([prose=\\"\\"],.prose) :where(code):not(.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(.not-prose)::before,:is([prose=\\"\\"],.prose) :where(:not(pre) > code):not(.not-prose)::after{content:\\"\`\\";}:is([prose=\\"\\"],.prose) :where(pre):not(.not-prose){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}:is([prose=\\"\\"],.prose) :where(pre,code):not(.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(.not-prose){font-weight:inherit;}:is([prose=\\"\\"],.prose) :where(ol,ul):not(.not-prose){padding-left:1.25em;}:is([prose=\\"\\"],.prose) :where(ol):not(.not-prose){list-style-type:decimal;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"A\\"]):not(.not-prose){list-style-type:upper-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"a\\"]):not(.not-prose){list-style-type:lower-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"A\\" s]):not(.not-prose){list-style-type:upper-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"a\\" s]):not(.not-prose){list-style-type:lower-alpha;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"I\\"]):not(.not-prose){list-style-type:upper-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"i\\"]):not(.not-prose){list-style-type:lower-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"I\\" s]):not(.not-prose){list-style-type:upper-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"i\\" s]):not(.not-prose){list-style-type:lower-roman;}:is([prose=\\"\\"],.prose) :where(ol[type=\\"1\\"]):not(.not-prose){list-style-type:decimal;}:is([prose=\\"\\"],.prose) :where(ul):not(.not-prose){list-style-type:disc;}:is([prose=\\"\\"],.prose) :where(ol > li):not(.not-prose)::marker,:is([prose=\\"\\"],.prose) :where(ul > li):not(.not-prose)::marker,:is([prose=\\"\\"],.prose) :where(summary):not(.not-prose)::marker{color:var(--un-prose-lists);}:is([prose=\\"\\"],.prose) :where(hr):not(.not-prose){margin:2em 0;border:1px solid var(--un-prose-hr);}:is([prose=\\"\\"],.prose) :where(table):not(.not-prose){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}:is([prose=\\"\\"],.prose) :where(tr):not(.not-prose):nth-child(2n){background:var(--un-prose-bg-soft);}:is([prose=\\"\\"],.prose) :where(td,th):not(.not-prose){border:1px solid var(--un-prose-borders);padding:.625em 1em;}:is([prose=\\"\\"],.prose) :where(abbr):not(.not-prose){cursor:help;}:is([prose=\\"\\"],.prose) :where(kbd):not(.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(.not-prose){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}:is([prose=\\"\\"],.prose) :where(summary):not(.not-prose){cursor:pointer;font-weight:600;} .prose, [prose=\\"\\"]{color:var(--un-prose-body);max-width:65ch;} .prose-teal, -[prose-teal=\\"\\"]{--un-prose-body:#0f766e;--un-prose-headings:#134e4a;--un-prose-links:#134e4a;--un-prose-lists:#2dd4bf;--un-prose-hr:#99f6e4;--un-prose-captions:#14b8a6;--un-prose-code:#134e4a;--un-prose-borders:#99f6e4;--un-prose-bg-soft:#ccfbf1;--un-prose-invert-body:#99f6e4;--un-prose-invert-headings:#ccfbf1;--un-prose-invert-links:#ccfbf1;--un-prose-invert-lists:#14b8a6;--un-prose-invert-hr:#0f766e;--un-prose-invert-captions:#2dd4bf;--un-prose-invert-code:#ccfbf1;--un-prose-invert-borders:#0f766e;--un-prose-invert-bg-soft:#115e59;} +[prose-teal=\\"\\"]{--un-prose-body:#0f766e;--un-prose-headings:#134e4a;--un-prose-links:#134e4a;--un-prose-lists:#2dd4bf;--un-prose-hr:#99f6e4;--un-prose-captions:#14b8a6;--un-prose-code:#134e4a;--un-prose-borders:#99f6e4;--un-prose-bg-soft:#ccfbf1;--un-prose-invert-body:#99f6e4;--un-prose-invert-headings:#ccfbf1;--un-prose-invert-links:#ccfbf1;--un-prose-invert-lists:#14b8a6;--un-prose-invert-hr:#0f766e;--un-prose-invert-captions:#2dd4bf;--un-prose-invert-code:#ccfbf1;--un-prose-invert-borders:#0f766e;--un-prose-invert-bg-soft:#115e59;--un-prose-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;} .dark [dark~=\\"prose-invert\\"], .prose-invert{--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-links:var(--un-prose-invert-links);--un-prose-lists:var(--un-prose-invert-lists);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-code:var(--un-prose-invert-code);--un-prose-borders:var(--un-prose-invert-borders);--un-prose-bg-soft:var(--un-prose-invert-bg-soft);} /* layer: default */ @@ -16,11 +16,11 @@ exports[`typography > prose-attribute 1`] = ` exports[`typography > prose-attribute-custom 1`] = ` "/* layer: typography */ -:is([custom=\\"\\"],.custom) :where(h1,h2,h3,h4,h5,h6):not(.not-custom){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}:is([custom=\\"\\"],.custom) :where(a):not(.not-custom){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is([custom=\\"\\"],.custom) :where(a code):not(.not-custom){color:var(--un-prose-links);}:is([custom=\\"\\"],.custom) :where(p,ul,ol,pre):not(.not-custom){margin:1em 0;line-height:1.75;}:is([custom=\\"\\"],.custom) :where(blockquote):not(.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(.not-custom){margin:1rem 0;font-size:2.25em;}:is([custom=\\"\\"],.custom) :where(h2):not(.not-custom){margin:1.75em 0 .5em;font-size:1.75em;}:is([custom=\\"\\"],.custom) :where(h3):not(.not-custom){margin:1.5em 0 .5em;font-size:1.375em;}:is([custom=\\"\\"],.custom) :where(h4):not(.not-custom){margin:1em 0;font-size:1.125em;}:is([custom=\\"\\"],.custom) :where(img,video):not(.not-custom){max-width:100%;}:is([custom=\\"\\"],.custom) :where(figure,picture):not(.not-custom){margin:1em 0;}:is([custom=\\"\\"],.custom) :where(figcaption):not(.not-custom){color:var(--un-prose-captions);font-size:.875em;}:is([custom=\\"\\"],.custom) :where(code):not(.not-custom){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation-Mono,Courier-New,monospace;}:is([custom=\\"\\"],.custom) :where(:not(pre) > code):not(.not-custom)::before,:is([custom=\\"\\"],.custom) :where(:not(pre) > code):not(.not-custom)::after{content:\\"\`\\";}:is([custom=\\"\\"],.custom) :where(pre):not(.not-custom){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}:is([custom=\\"\\"],.custom) :where(pre,code):not(.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(.not-custom){font-weight:inherit;}:is([custom=\\"\\"],.custom) :where(ol,ul):not(.not-custom){padding-left:1.25em;}:is([custom=\\"\\"],.custom) :where(ol):not(.not-custom){list-style-type:decimal;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"A\\"]):not(.not-custom){list-style-type:upper-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"a\\"]):not(.not-custom){list-style-type:lower-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"A\\" s]):not(.not-custom){list-style-type:upper-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"a\\" s]):not(.not-custom){list-style-type:lower-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"I\\"]):not(.not-custom){list-style-type:upper-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"i\\"]):not(.not-custom){list-style-type:lower-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"I\\" s]):not(.not-custom){list-style-type:upper-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"i\\" s]):not(.not-custom){list-style-type:lower-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"1\\"]):not(.not-custom){list-style-type:decimal;}:is([custom=\\"\\"],.custom) :where(ul):not(.not-custom){list-style-type:disc;}:is([custom=\\"\\"],.custom) :where(ol > li):not(.not-custom)::marker,:is([custom=\\"\\"],.custom) :where(ul > li):not(.not-custom)::marker,:is([custom=\\"\\"],.custom) :where(summary):not(.not-custom)::marker{color:var(--un-prose-lists);}:is([custom=\\"\\"],.custom) :where(hr):not(.not-custom){margin:2em 0;border:1px solid var(--un-prose-hr);}:is([custom=\\"\\"],.custom) :where(table):not(.not-custom){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}:is([custom=\\"\\"],.custom) :where(tr):not(.not-custom):nth-child(2n){background:var(--un-prose-bg-soft);}:is([custom=\\"\\"],.custom) :where(td,th):not(.not-custom){border:1px solid var(--un-prose-borders);padding:.625em 1em;}:is([custom=\\"\\"],.custom) :where(abbr):not(.not-custom){cursor:help;}:is([custom=\\"\\"],.custom) :where(kbd):not(.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(.not-custom){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}:is([custom=\\"\\"],.custom) :where(summary):not(.not-custom){cursor:pointer;font-weight:600;} +:is([custom=\\"\\"],.custom) :where(h1,h2,h3,h4,h5,h6):not(.not-custom){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}:is([custom=\\"\\"],.custom) :where(a):not(.not-custom){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is([custom=\\"\\"],.custom) :where(a code):not(.not-custom){color:var(--un-prose-links);}:is([custom=\\"\\"],.custom) :where(p,ul,ol,pre):not(.not-custom){margin:1em 0;line-height:1.75;}:is([custom=\\"\\"],.custom) :where(blockquote):not(.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(.not-custom){margin:1rem 0;font-size:2.25em;}:is([custom=\\"\\"],.custom) :where(h2):not(.not-custom){margin:1.75em 0 .5em;font-size:1.75em;}:is([custom=\\"\\"],.custom) :where(h3):not(.not-custom){margin:1.5em 0 .5em;font-size:1.375em;}:is([custom=\\"\\"],.custom) :where(h4):not(.not-custom){margin:1em 0;font-size:1.125em;}:is([custom=\\"\\"],.custom) :where(img,video):not(.not-custom){max-width:100%;}:is([custom=\\"\\"],.custom) :where(figure,picture):not(.not-custom){margin:1em 0;}:is([custom=\\"\\"],.custom) :where(figcaption):not(.not-custom){color:var(--un-prose-captions);font-size:.875em;}:is([custom=\\"\\"],.custom) :where(code):not(.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(.not-custom)::before,:is([custom=\\"\\"],.custom) :where(:not(pre) > code):not(.not-custom)::after{content:\\"\`\\";}:is([custom=\\"\\"],.custom) :where(pre):not(.not-custom){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}:is([custom=\\"\\"],.custom) :where(pre,code):not(.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(.not-custom){font-weight:inherit;}:is([custom=\\"\\"],.custom) :where(ol,ul):not(.not-custom){padding-left:1.25em;}:is([custom=\\"\\"],.custom) :where(ol):not(.not-custom){list-style-type:decimal;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"A\\"]):not(.not-custom){list-style-type:upper-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"a\\"]):not(.not-custom){list-style-type:lower-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"A\\" s]):not(.not-custom){list-style-type:upper-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"a\\" s]):not(.not-custom){list-style-type:lower-alpha;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"I\\"]):not(.not-custom){list-style-type:upper-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"i\\"]):not(.not-custom){list-style-type:lower-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"I\\" s]):not(.not-custom){list-style-type:upper-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"i\\" s]):not(.not-custom){list-style-type:lower-roman;}:is([custom=\\"\\"],.custom) :where(ol[type=\\"1\\"]):not(.not-custom){list-style-type:decimal;}:is([custom=\\"\\"],.custom) :where(ul):not(.not-custom){list-style-type:disc;}:is([custom=\\"\\"],.custom) :where(ol > li):not(.not-custom)::marker,:is([custom=\\"\\"],.custom) :where(ul > li):not(.not-custom)::marker,:is([custom=\\"\\"],.custom) :where(summary):not(.not-custom)::marker{color:var(--un-prose-lists);}:is([custom=\\"\\"],.custom) :where(hr):not(.not-custom){margin:2em 0;border:1px solid var(--un-prose-hr);}:is([custom=\\"\\"],.custom) :where(table):not(.not-custom){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}:is([custom=\\"\\"],.custom) :where(tr):not(.not-custom):nth-child(2n){background:var(--un-prose-bg-soft);}:is([custom=\\"\\"],.custom) :where(td,th):not(.not-custom){border:1px solid var(--un-prose-borders);padding:.625em 1em;}:is([custom=\\"\\"],.custom) :where(abbr):not(.not-custom){cursor:help;}:is([custom=\\"\\"],.custom) :where(kbd):not(.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(.not-custom){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}:is([custom=\\"\\"],.custom) :where(summary):not(.not-custom){cursor:pointer;font-weight:600;} .custom, [custom=\\"\\"]{color:var(--un-prose-body);max-width:65ch;} .custom-teal, -[custom-teal=\\"\\"]{--un-prose-body:#0f766e;--un-prose-headings:#134e4a;--un-prose-links:#134e4a;--un-prose-lists:#2dd4bf;--un-prose-hr:#99f6e4;--un-prose-captions:#14b8a6;--un-prose-code:#134e4a;--un-prose-borders:#99f6e4;--un-prose-bg-soft:#ccfbf1;--un-prose-invert-body:#99f6e4;--un-prose-invert-headings:#ccfbf1;--un-prose-invert-links:#ccfbf1;--un-prose-invert-lists:#14b8a6;--un-prose-invert-hr:#0f766e;--un-prose-invert-captions:#2dd4bf;--un-prose-invert-code:#ccfbf1;--un-prose-invert-borders:#0f766e;--un-prose-invert-bg-soft:#115e59;} +[custom-teal=\\"\\"]{--un-prose-body:#0f766e;--un-prose-headings:#134e4a;--un-prose-links:#134e4a;--un-prose-lists:#2dd4bf;--un-prose-hr:#99f6e4;--un-prose-captions:#14b8a6;--un-prose-code:#134e4a;--un-prose-borders:#99f6e4;--un-prose-bg-soft:#ccfbf1;--un-prose-invert-body:#99f6e4;--un-prose-invert-headings:#ccfbf1;--un-prose-invert-links:#ccfbf1;--un-prose-invert-lists:#14b8a6;--un-prose-invert-hr:#0f766e;--un-prose-invert-captions:#2dd4bf;--un-prose-invert-code:#ccfbf1;--un-prose-invert-borders:#0f766e;--un-prose-invert-bg-soft:#115e59;--un-prose-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;} .custom-invert, .dark [dark~=\\"custom-invert\\"]{--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-links:var(--un-prose-invert-links);--un-prose-lists:var(--un-prose-invert-lists);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-code:var(--un-prose-invert-code);--un-prose-borders:var(--un-prose-invert-borders);--un-prose-bg-soft:var(--un-prose-invert-bg-soft);} /* layer: default */ @@ -30,14 +30,14 @@ exports[`typography > prose-attribute-custom 1`] = ` exports[`typography > prose-black 1`] = ` "/* 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;}" +.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: typography */ -.prose :where(h1,h2,h3,h4,h5,h6):not(.not-prose){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.prose :where(a):not(.not-prose){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.prose :where(a code):not(.not-prose){color:var(--un-prose-links);}.prose :where(p,ul,ol,pre):not(.not-prose){margin:1em 0;line-height:1.75;}.prose :where(blockquote):not(.not-prose){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.prose :where(h1):not(.not-prose){margin:1rem 0;font-size:2.25em;}.prose :where(h2):not(.not-prose){margin:1.75em 0 .5em;font-size:1.75em;}.prose :where(h3):not(.not-prose){margin:1.5em 0 .5em;font-size:1.375em;}.prose :where(h4):not(.not-prose){margin:1em 0;font-size:1.125em;}.prose :where(img,video):not(.not-prose){max-width:100%;}.prose :where(figure,picture):not(.not-prose){margin:1em 0;}.prose :where(figcaption):not(.not-prose){color:var(--un-prose-captions);font-size:.875em;}.prose :where(code):not(.not-prose){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation-Mono,Courier-New,monospace;}.prose :where(:not(pre) > code):not(.not-prose)::before,.prose :where(:not(pre) > code):not(.not-prose)::after{content:\\"\`\\";}.prose :where(pre):not(.not-prose){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.prose :where(pre,code):not(.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(.not-prose){font-weight:inherit;}.prose :where(ol,ul):not(.not-prose){padding-left:1.25em;}.prose :where(ol):not(.not-prose){list-style-type:decimal;}.prose :where(ol[type=\\"A\\"]):not(.not-prose){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\"]):not(.not-prose){list-style-type:lower-alpha;}.prose :where(ol[type=\\"A\\" s]):not(.not-prose){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\" s]):not(.not-prose){list-style-type:lower-alpha;}.prose :where(ol[type=\\"I\\"]):not(.not-prose){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\"]):not(.not-prose){list-style-type:lower-roman;}.prose :where(ol[type=\\"I\\" s]):not(.not-prose){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\" s]):not(.not-prose){list-style-type:lower-roman;}.prose :where(ol[type=\\"1\\"]):not(.not-prose){list-style-type:decimal;}.prose :where(ul):not(.not-prose){list-style-type:disc;}.prose :where(ol > li):not(.not-prose)::marker,.prose :where(ul > li):not(.not-prose)::marker,.prose :where(summary):not(.not-prose)::marker{color:var(--un-prose-lists);}.prose :where(hr):not(.not-prose){margin:2em 0;border:1px solid var(--un-prose-hr);}.prose :where(table):not(.not-prose){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.prose :where(tr):not(.not-prose):nth-child(2n){background:var(--un-prose-bg-soft);}.prose :where(td,th):not(.not-prose){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.prose :where(abbr):not(.not-prose){cursor:help;}.prose :where(kbd):not(.not-prose){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.prose :where(details):not(.not-prose){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.prose :where(summary):not(.not-prose){cursor:pointer;font-weight:600;} +.prose :where(h1,h2,h3,h4,h5,h6):not(.not-prose){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.prose :where(a):not(.not-prose){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.prose :where(a code):not(.not-prose){color:var(--un-prose-links);}.prose :where(p,ul,ol,pre):not(.not-prose){margin:1em 0;line-height:1.75;}.prose :where(blockquote):not(.not-prose){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.prose :where(h1):not(.not-prose){margin:1rem 0;font-size:2.25em;}.prose :where(h2):not(.not-prose){margin:1.75em 0 .5em;font-size:1.75em;}.prose :where(h3):not(.not-prose){margin:1.5em 0 .5em;font-size:1.375em;}.prose :where(h4):not(.not-prose){margin:1em 0;font-size:1.125em;}.prose :where(img,video):not(.not-prose){max-width:100%;}.prose :where(figure,picture):not(.not-prose){margin:1em 0;}.prose :where(figcaption):not(.not-prose){color:var(--un-prose-captions);font-size:.875em;}.prose :where(code):not(.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(.not-prose)::before,.prose :where(:not(pre) > code):not(.not-prose)::after{content:\\"\`\\";}.prose :where(pre):not(.not-prose){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.prose :where(pre,code):not(.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(.not-prose){font-weight:inherit;}.prose :where(ol,ul):not(.not-prose){padding-left:1.25em;}.prose :where(ol):not(.not-prose){list-style-type:decimal;}.prose :where(ol[type=\\"A\\"]):not(.not-prose){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\"]):not(.not-prose){list-style-type:lower-alpha;}.prose :where(ol[type=\\"A\\" s]):not(.not-prose){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\" s]):not(.not-prose){list-style-type:lower-alpha;}.prose :where(ol[type=\\"I\\"]):not(.not-prose){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\"]):not(.not-prose){list-style-type:lower-roman;}.prose :where(ol[type=\\"I\\" s]):not(.not-prose){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\" s]):not(.not-prose){list-style-type:lower-roman;}.prose :where(ol[type=\\"1\\"]):not(.not-prose){list-style-type:decimal;}.prose :where(ul):not(.not-prose){list-style-type:disc;}.prose :where(ol > li):not(.not-prose)::marker,.prose :where(ul > li):not(.not-prose)::marker,.prose :where(summary):not(.not-prose)::marker{color:var(--un-prose-lists);}.prose :where(hr):not(.not-prose){margin:2em 0;border:1px solid var(--un-prose-hr);}.prose :where(table):not(.not-prose){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.prose :where(tr):not(.not-prose):nth-child(2n){background:var(--un-prose-bg-soft);}.prose :where(td,th):not(.not-prose){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.prose :where(abbr):not(.not-prose){cursor:help;}.prose :where(kbd):not(.not-prose){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.prose :where(details):not(.not-prose){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.prose :where(summary):not(.not-prose){cursor:pointer;font-weight:600;} .prose{color:var(--un-prose-body);max-width:65ch;} -.prose-teal{--un-prose-body:#0f766e;--un-prose-headings:#134e4a;--un-prose-links:#134e4a;--un-prose-lists:#2dd4bf;--un-prose-hr:#99f6e4;--un-prose-captions:#14b8a6;--un-prose-code:#134e4a;--un-prose-borders:#99f6e4;--un-prose-bg-soft:#ccfbf1;--un-prose-invert-body:#99f6e4;--un-prose-invert-headings:#ccfbf1;--un-prose-invert-links:#ccfbf1;--un-prose-invert-lists:#14b8a6;--un-prose-invert-hr:#0f766e;--un-prose-invert-captions:#2dd4bf;--un-prose-invert-code:#ccfbf1;--un-prose-invert-borders:#0f766e;--un-prose-invert-bg-soft:#115e59;} +.prose-teal{--un-prose-body:#0f766e;--un-prose-headings:#134e4a;--un-prose-links:#134e4a;--un-prose-lists:#2dd4bf;--un-prose-hr:#99f6e4;--un-prose-captions:#14b8a6;--un-prose-code:#134e4a;--un-prose-borders:#99f6e4;--un-prose-bg-soft:#ccfbf1;--un-prose-invert-body:#99f6e4;--un-prose-invert-headings:#ccfbf1;--un-prose-invert-links:#ccfbf1;--un-prose-invert-lists:#14b8a6;--un-prose-invert-hr:#0f766e;--un-prose-invert-captions:#2dd4bf;--un-prose-invert-code:#ccfbf1;--un-prose-invert-borders:#0f766e;--un-prose-invert-bg-soft:#115e59;--un-prose-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;} .dark .dark\\\\:prose-invert{--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-links:var(--un-prose-invert-links);--un-prose-lists:var(--un-prose-invert-lists);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-code:var(--un-prose-invert-code);--un-prose-borders:var(--un-prose-invert-borders);--un-prose-bg-soft:var(--un-prose-invert-bg-soft);} /* layer: default */ .text-base{font-size:1rem;line-height:1.5rem;}" @@ -45,9 +45,9 @@ exports[`typography > prose-class 1`] = ` exports[`typography > prose-class-custom 1`] = ` "/* layer: typography */ -.custom :where(h1,h2,h3,h4,h5,h6):not(.not-custom){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.custom :where(a):not(.not-custom){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.custom :where(a code):not(.not-custom){color:var(--un-prose-links);}.custom :where(p,ul,ol,pre):not(.not-custom){margin:1em 0;line-height:1.75;}.custom :where(blockquote):not(.not-custom){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.custom :where(h1):not(.not-custom){margin:1rem 0;font-size:2.25em;}.custom :where(h2):not(.not-custom){margin:1.75em 0 .5em;font-size:1.75em;}.custom :where(h3):not(.not-custom){margin:1.5em 0 .5em;font-size:1.375em;}.custom :where(h4):not(.not-custom){margin:1em 0;font-size:1.125em;}.custom :where(img,video):not(.not-custom){max-width:100%;}.custom :where(figure,picture):not(.not-custom){margin:1em 0;}.custom :where(figcaption):not(.not-custom){color:var(--un-prose-captions);font-size:.875em;}.custom :where(code):not(.not-custom){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation-Mono,Courier-New,monospace;}.custom :where(:not(pre) > code):not(.not-custom)::before,.custom :where(:not(pre) > code):not(.not-custom)::after{content:\\"\`\\";}.custom :where(pre):not(.not-custom){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.custom :where(pre,code):not(.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(.not-custom){font-weight:inherit;}.custom :where(ol,ul):not(.not-custom){padding-left:1.25em;}.custom :where(ol):not(.not-custom){list-style-type:decimal;}.custom :where(ol[type=\\"A\\"]):not(.not-custom){list-style-type:upper-alpha;}.custom :where(ol[type=\\"a\\"]):not(.not-custom){list-style-type:lower-alpha;}.custom :where(ol[type=\\"A\\" s]):not(.not-custom){list-style-type:upper-alpha;}.custom :where(ol[type=\\"a\\" s]):not(.not-custom){list-style-type:lower-alpha;}.custom :where(ol[type=\\"I\\"]):not(.not-custom){list-style-type:upper-roman;}.custom :where(ol[type=\\"i\\"]):not(.not-custom){list-style-type:lower-roman;}.custom :where(ol[type=\\"I\\" s]):not(.not-custom){list-style-type:upper-roman;}.custom :where(ol[type=\\"i\\" s]):not(.not-custom){list-style-type:lower-roman;}.custom :where(ol[type=\\"1\\"]):not(.not-custom){list-style-type:decimal;}.custom :where(ul):not(.not-custom){list-style-type:disc;}.custom :where(ol > li):not(.not-custom)::marker,.custom :where(ul > li):not(.not-custom)::marker,.custom :where(summary):not(.not-custom)::marker{color:var(--un-prose-lists);}.custom :where(hr):not(.not-custom){margin:2em 0;border:1px solid var(--un-prose-hr);}.custom :where(table):not(.not-custom){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.custom :where(tr):not(.not-custom):nth-child(2n){background:var(--un-prose-bg-soft);}.custom :where(td,th):not(.not-custom){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.custom :where(abbr):not(.not-custom){cursor:help;}.custom :where(kbd):not(.not-custom){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.custom :where(details):not(.not-custom){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.custom :where(summary):not(.not-custom){cursor:pointer;font-weight:600;} +.custom :where(h1,h2,h3,h4,h5,h6):not(.not-custom){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.custom :where(a):not(.not-custom){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.custom :where(a code):not(.not-custom){color:var(--un-prose-links);}.custom :where(p,ul,ol,pre):not(.not-custom){margin:1em 0;line-height:1.75;}.custom :where(blockquote):not(.not-custom){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.custom :where(h1):not(.not-custom){margin:1rem 0;font-size:2.25em;}.custom :where(h2):not(.not-custom){margin:1.75em 0 .5em;font-size:1.75em;}.custom :where(h3):not(.not-custom){margin:1.5em 0 .5em;font-size:1.375em;}.custom :where(h4):not(.not-custom){margin:1em 0;font-size:1.125em;}.custom :where(img,video):not(.not-custom){max-width:100%;}.custom :where(figure,picture):not(.not-custom){margin:1em 0;}.custom :where(figcaption):not(.not-custom){color:var(--un-prose-captions);font-size:.875em;}.custom :where(code):not(.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(.not-custom)::before,.custom :where(:not(pre) > code):not(.not-custom)::after{content:\\"\`\\";}.custom :where(pre):not(.not-custom){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.custom :where(pre,code):not(.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(.not-custom){font-weight:inherit;}.custom :where(ol,ul):not(.not-custom){padding-left:1.25em;}.custom :where(ol):not(.not-custom){list-style-type:decimal;}.custom :where(ol[type=\\"A\\"]):not(.not-custom){list-style-type:upper-alpha;}.custom :where(ol[type=\\"a\\"]):not(.not-custom){list-style-type:lower-alpha;}.custom :where(ol[type=\\"A\\" s]):not(.not-custom){list-style-type:upper-alpha;}.custom :where(ol[type=\\"a\\" s]):not(.not-custom){list-style-type:lower-alpha;}.custom :where(ol[type=\\"I\\"]):not(.not-custom){list-style-type:upper-roman;}.custom :where(ol[type=\\"i\\"]):not(.not-custom){list-style-type:lower-roman;}.custom :where(ol[type=\\"I\\" s]):not(.not-custom){list-style-type:upper-roman;}.custom :where(ol[type=\\"i\\" s]):not(.not-custom){list-style-type:lower-roman;}.custom :where(ol[type=\\"1\\"]):not(.not-custom){list-style-type:decimal;}.custom :where(ul):not(.not-custom){list-style-type:disc;}.custom :where(ol > li):not(.not-custom)::marker,.custom :where(ul > li):not(.not-custom)::marker,.custom :where(summary):not(.not-custom)::marker{color:var(--un-prose-lists);}.custom :where(hr):not(.not-custom){margin:2em 0;border:1px solid var(--un-prose-hr);}.custom :where(table):not(.not-custom){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.custom :where(tr):not(.not-custom):nth-child(2n){background:var(--un-prose-bg-soft);}.custom :where(td,th):not(.not-custom){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.custom :where(abbr):not(.not-custom){cursor:help;}.custom :where(kbd):not(.not-custom){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.custom :where(details):not(.not-custom){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.custom :where(summary):not(.not-custom){cursor:pointer;font-weight:600;} .custom{color:var(--un-prose-body);max-width:65ch;} -.custom-teal{--un-prose-body:#0f766e;--un-prose-headings:#134e4a;--un-prose-links:#134e4a;--un-prose-lists:#2dd4bf;--un-prose-hr:#99f6e4;--un-prose-captions:#14b8a6;--un-prose-code:#134e4a;--un-prose-borders:#99f6e4;--un-prose-bg-soft:#ccfbf1;--un-prose-invert-body:#99f6e4;--un-prose-invert-headings:#ccfbf1;--un-prose-invert-links:#ccfbf1;--un-prose-invert-lists:#14b8a6;--un-prose-invert-hr:#0f766e;--un-prose-invert-captions:#2dd4bf;--un-prose-invert-code:#ccfbf1;--un-prose-invert-borders:#0f766e;--un-prose-invert-bg-soft:#115e59;} +.custom-teal{--un-prose-body:#0f766e;--un-prose-headings:#134e4a;--un-prose-links:#134e4a;--un-prose-lists:#2dd4bf;--un-prose-hr:#99f6e4;--un-prose-captions:#14b8a6;--un-prose-code:#134e4a;--un-prose-borders:#99f6e4;--un-prose-bg-soft:#ccfbf1;--un-prose-invert-body:#99f6e4;--un-prose-invert-headings:#ccfbf1;--un-prose-invert-links:#ccfbf1;--un-prose-invert-lists:#14b8a6;--un-prose-invert-hr:#0f766e;--un-prose-invert-captions:#2dd4bf;--un-prose-invert-code:#ccfbf1;--un-prose-invert-borders:#0f766e;--un-prose-invert-bg-soft:#115e59;--un-prose-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\\"Liberation Mono\\",\\"Courier New\\",monospace;} .dark .dark\\\\:custom-invert{--un-prose-body:var(--un-prose-invert-body);--un-prose-headings:var(--un-prose-invert-headings);--un-prose-links:var(--un-prose-invert-links);--un-prose-lists:var(--un-prose-invert-lists);--un-prose-hr:var(--un-prose-invert-hr);--un-prose-captions:var(--un-prose-invert-captions);--un-prose-code:var(--un-prose-invert-code);--un-prose-borders:var(--un-prose-invert-borders);--un-prose-bg-soft:var(--un-prose-invert-bg-soft);} /* layer: default */ .text-base{font-size:1rem;line-height:1.5rem;}" @@ -55,13 +55,13 @@ exports[`typography > prose-class-custom 1`] = ` exports[`typography > prose-custom-css 1`] = ` "/* layer: typography */ -.prose :where(h1,h2,h3,h4,h5,h6):not(.not-prose){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.prose :where(a):not(.not-prose){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.prose :where(a code):not(.not-prose){color:var(--un-prose-links);}.prose :where(p,ul,ol,pre):not(.not-prose){margin:1em 0;line-height:1.75;}.prose :where(blockquote):not(.not-prose){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.prose :where(h1):not(.not-prose){margin:1rem 0;font-size:2.25em;}.prose :where(h2):not(.not-prose){margin:1.75em 0 .5em;font-size:1.75em;}.prose :where(h3):not(.not-prose){margin:1.5em 0 .5em;font-size:1.375em;}.prose :where(h4):not(.not-prose){margin:1em 0;font-size:1.125em;}.prose :where(img,video):not(.not-prose){max-width:100%;}.prose :where(figure,picture):not(.not-prose){margin:1em 0;}.prose :where(figcaption):not(.not-prose){color:var(--un-prose-captions);font-size:.875em;}.prose :where(code):not(.not-prose){color:#8b5cf6;font-size:.875em;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation-Mono,Courier-New,monospace;}.prose :where(:not(pre) > code):not(.not-prose)::before,.prose :where(:not(pre) > code):not(.not-prose)::after{content:\\"\`\\";}.prose :where(pre):not(.not-prose){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.prose :where(pre,code):not(.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(.not-prose){font-weight:inherit;}.prose :where(ol,ul):not(.not-prose){padding-left:1.25em;}.prose :where(ol):not(.not-prose){list-style-type:decimal;}.prose :where(ol[type=\\"A\\"]):not(.not-prose){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\"]):not(.not-prose){list-style-type:lower-alpha;}.prose :where(ol[type=\\"A\\" s]):not(.not-prose){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\" s]):not(.not-prose){list-style-type:lower-alpha;}.prose :where(ol[type=\\"I\\"]):not(.not-prose){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\"]):not(.not-prose){list-style-type:lower-roman;}.prose :where(ol[type=\\"I\\" s]):not(.not-prose){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\" s]):not(.not-prose){list-style-type:lower-roman;}.prose :where(ol[type=\\"1\\"]):not(.not-prose){list-style-type:decimal;}.prose :where(ul):not(.not-prose){list-style-type:disc;}.prose :where(ol > li):not(.not-prose)::marker,.prose :where(ul > li):not(.not-prose)::marker,.prose :where(summary):not(.not-prose)::marker{color:var(--un-prose-lists);}.prose :where(hr):not(.not-prose){margin:2em 0;border:1px solid var(--un-prose-hr);}.prose :where(table):not(.not-prose){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.prose :where(tr):not(.not-prose):nth-child(2n){background:var(--un-prose-bg-soft);}.prose :where(td,th):not(.not-prose){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.prose :where(abbr):not(.not-prose){cursor:help;}.prose :where(kbd):not(.not-prose){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.prose :where(details):not(.not-prose){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.prose :where(summary):not(.not-prose){cursor:pointer;font-weight:600;}.prose :where(a):not(.not-prose):hover{color:#f43f5e;}.prose :where(a):not(.not-prose):visited{color:#14b8a6;} +.prose :where(h1,h2,h3,h4,h5,h6):not(.not-prose){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}.prose :where(a):not(.not-prose){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}.prose :where(a code):not(.not-prose){color:var(--un-prose-links);}.prose :where(p,ul,ol,pre):not(.not-prose){margin:1em 0;line-height:1.75;}.prose :where(blockquote):not(.not-prose){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders);}.prose :where(h1):not(.not-prose){margin:1rem 0;font-size:2.25em;}.prose :where(h2):not(.not-prose){margin:1.75em 0 .5em;font-size:1.75em;}.prose :where(h3):not(.not-prose){margin:1.5em 0 .5em;font-size:1.375em;}.prose :where(h4):not(.not-prose){margin:1em 0;font-size:1.125em;}.prose :where(img,video):not(.not-prose){max-width:100%;}.prose :where(figure,picture):not(.not-prose){margin:1em 0;}.prose :where(figcaption):not(.not-prose){color:var(--un-prose-captions);font-size:.875em;}.prose :where(code):not(.not-prose){color:#8b5cf6;font-size:.875em;font-weight:600;font-family:var(--un-prose-font-mono);}.prose :where(:not(pre) > code):not(.not-prose)::before,.prose :where(:not(pre) > code):not(.not-prose)::after{content:\\"\`\\";}.prose :where(pre):not(.not-prose){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}.prose :where(pre,code):not(.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(.not-prose){font-weight:inherit;}.prose :where(ol,ul):not(.not-prose){padding-left:1.25em;}.prose :where(ol):not(.not-prose){list-style-type:decimal;}.prose :where(ol[type=\\"A\\"]):not(.not-prose){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\"]):not(.not-prose){list-style-type:lower-alpha;}.prose :where(ol[type=\\"A\\" s]):not(.not-prose){list-style-type:upper-alpha;}.prose :where(ol[type=\\"a\\" s]):not(.not-prose){list-style-type:lower-alpha;}.prose :where(ol[type=\\"I\\"]):not(.not-prose){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\"]):not(.not-prose){list-style-type:lower-roman;}.prose :where(ol[type=\\"I\\" s]):not(.not-prose){list-style-type:upper-roman;}.prose :where(ol[type=\\"i\\" s]):not(.not-prose){list-style-type:lower-roman;}.prose :where(ol[type=\\"1\\"]):not(.not-prose){list-style-type:decimal;}.prose :where(ul):not(.not-prose){list-style-type:disc;}.prose :where(ol > li):not(.not-prose)::marker,.prose :where(ul > li):not(.not-prose)::marker,.prose :where(summary):not(.not-prose)::marker{color:var(--un-prose-lists);}.prose :where(hr):not(.not-prose){margin:2em 0;border:1px solid var(--un-prose-hr);}.prose :where(table):not(.not-prose){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}.prose :where(tr):not(.not-prose):nth-child(2n){background:var(--un-prose-bg-soft);}.prose :where(td,th):not(.not-prose){border:1px solid var(--un-prose-borders);padding:.625em 1em;}.prose :where(abbr):not(.not-prose){cursor:help;}.prose :where(kbd):not(.not-prose){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem;}.prose :where(details):not(.not-prose){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}.prose :where(summary):not(.not-prose){cursor:pointer;font-weight:600;}.prose :where(a):not(.not-prose):hover{color:#f43f5e;}.prose :where(a):not(.not-prose):visited{color:#14b8a6;} .prose{color:var(--un-prose-body);max-width:65ch;}" `; exports[`typography > prose-custom-prefix-attribute 1`] = ` "/* layer: typography */ -:is([u\\\\:prose=\\"\\"],.prose) :where(h1,h2,h3,h4,h5,h6):not(.not-prose){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}:is([u\\\\:prose=\\"\\"],.prose) :where(a):not(.not-prose){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is([u\\\\:prose=\\"\\"],.prose) :where(a code):not(.not-prose){color:var(--un-prose-links);}:is([u\\\\:prose=\\"\\"],.prose) :where(p,ul,ol,pre):not(.not-prose){margin:1em 0;line-height:1.75;}:is([u\\\\:prose=\\"\\"],.prose) :where(blockquote):not(.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(.not-prose){margin:1rem 0;font-size:2.25em;}:is([u\\\\:prose=\\"\\"],.prose) :where(h2):not(.not-prose){margin:1.75em 0 .5em;font-size:1.75em;}:is([u\\\\:prose=\\"\\"],.prose) :where(h3):not(.not-prose){margin:1.5em 0 .5em;font-size:1.375em;}:is([u\\\\:prose=\\"\\"],.prose) :where(h4):not(.not-prose){margin:1em 0;font-size:1.125em;}:is([u\\\\:prose=\\"\\"],.prose) :where(img,video):not(.not-prose){max-width:100%;}:is([u\\\\:prose=\\"\\"],.prose) :where(figure,picture):not(.not-prose){margin:1em 0;}:is([u\\\\:prose=\\"\\"],.prose) :where(figcaption):not(.not-prose){color:var(--un-prose-captions);font-size:.875em;}:is([u\\\\:prose=\\"\\"],.prose) :where(code):not(.not-prose){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation-Mono,Courier-New,monospace;}:is([u\\\\:prose=\\"\\"],.prose) :where(:not(pre) > code):not(.not-prose)::before,:is([u\\\\:prose=\\"\\"],.prose) :where(:not(pre) > code):not(.not-prose)::after{content:\\"\`\\";}:is([u\\\\:prose=\\"\\"],.prose) :where(pre):not(.not-prose){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}:is([u\\\\:prose=\\"\\"],.prose) :where(pre,code):not(.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(.not-prose){font-weight:inherit;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol,ul):not(.not-prose){padding-left:1.25em;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol):not(.not-prose){list-style-type:decimal;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"A\\"]):not(.not-prose){list-style-type:upper-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"a\\"]):not(.not-prose){list-style-type:lower-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"A\\" s]):not(.not-prose){list-style-type:upper-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"a\\" s]):not(.not-prose){list-style-type:lower-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"I\\"]):not(.not-prose){list-style-type:upper-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"i\\"]):not(.not-prose){list-style-type:lower-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"I\\" s]):not(.not-prose){list-style-type:upper-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"i\\" s]):not(.not-prose){list-style-type:lower-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"1\\"]):not(.not-prose){list-style-type:decimal;}:is([u\\\\:prose=\\"\\"],.prose) :where(ul):not(.not-prose){list-style-type:disc;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol > li):not(.not-prose)::marker,:is([u\\\\:prose=\\"\\"],.prose) :where(ul > li):not(.not-prose)::marker,:is([u\\\\:prose=\\"\\"],.prose) :where(summary):not(.not-prose)::marker{color:var(--un-prose-lists);}:is([u\\\\:prose=\\"\\"],.prose) :where(hr):not(.not-prose){margin:2em 0;border:1px solid var(--un-prose-hr);}:is([u\\\\:prose=\\"\\"],.prose) :where(table):not(.not-prose){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}:is([u\\\\:prose=\\"\\"],.prose) :where(tr):not(.not-prose):nth-child(2n){background:var(--un-prose-bg-soft);}:is([u\\\\:prose=\\"\\"],.prose) :where(td,th):not(.not-prose){border:1px solid var(--un-prose-borders);padding:.625em 1em;}:is([u\\\\:prose=\\"\\"],.prose) :where(abbr):not(.not-prose){cursor:help;}:is([u\\\\:prose=\\"\\"],.prose) :where(kbd):not(.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(.not-prose){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}:is([u\\\\:prose=\\"\\"],.prose) :where(summary):not(.not-prose){cursor:pointer;font-weight:600;} +:is([u\\\\:prose=\\"\\"],.prose) :where(h1,h2,h3,h4,h5,h6):not(.not-prose){color:var(--un-prose-headings);font-weight:600;line-height:1.25;}:is([u\\\\:prose=\\"\\"],.prose) :where(a):not(.not-prose){color:var(--un-prose-links);text-decoration:underline;font-weight:500;}:is([u\\\\:prose=\\"\\"],.prose) :where(a code):not(.not-prose){color:var(--un-prose-links);}:is([u\\\\:prose=\\"\\"],.prose) :where(p,ul,ol,pre):not(.not-prose){margin:1em 0;line-height:1.75;}:is([u\\\\:prose=\\"\\"],.prose) :where(blockquote):not(.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(.not-prose){margin:1rem 0;font-size:2.25em;}:is([u\\\\:prose=\\"\\"],.prose) :where(h2):not(.not-prose){margin:1.75em 0 .5em;font-size:1.75em;}:is([u\\\\:prose=\\"\\"],.prose) :where(h3):not(.not-prose){margin:1.5em 0 .5em;font-size:1.375em;}:is([u\\\\:prose=\\"\\"],.prose) :where(h4):not(.not-prose){margin:1em 0;font-size:1.125em;}:is([u\\\\:prose=\\"\\"],.prose) :where(img,video):not(.not-prose){max-width:100%;}:is([u\\\\:prose=\\"\\"],.prose) :where(figure,picture):not(.not-prose){margin:1em 0;}:is([u\\\\:prose=\\"\\"],.prose) :where(figcaption):not(.not-prose){color:var(--un-prose-captions);font-size:.875em;}:is([u\\\\:prose=\\"\\"],.prose) :where(code):not(.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(.not-prose)::before,:is([u\\\\:prose=\\"\\"],.prose) :where(:not(pre) > code):not(.not-prose)::after{content:\\"\`\\";}:is([u\\\\:prose=\\"\\"],.prose) :where(pre):not(.not-prose){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem;}:is([u\\\\:prose=\\"\\"],.prose) :where(pre,code):not(.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(.not-prose){font-weight:inherit;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol,ul):not(.not-prose){padding-left:1.25em;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol):not(.not-prose){list-style-type:decimal;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"A\\"]):not(.not-prose){list-style-type:upper-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"a\\"]):not(.not-prose){list-style-type:lower-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"A\\" s]):not(.not-prose){list-style-type:upper-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"a\\" s]):not(.not-prose){list-style-type:lower-alpha;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"I\\"]):not(.not-prose){list-style-type:upper-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"i\\"]):not(.not-prose){list-style-type:lower-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"I\\" s]):not(.not-prose){list-style-type:upper-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"i\\" s]):not(.not-prose){list-style-type:lower-roman;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol[type=\\"1\\"]):not(.not-prose){list-style-type:decimal;}:is([u\\\\:prose=\\"\\"],.prose) :where(ul):not(.not-prose){list-style-type:disc;}:is([u\\\\:prose=\\"\\"],.prose) :where(ol > li):not(.not-prose)::marker,:is([u\\\\:prose=\\"\\"],.prose) :where(ul > li):not(.not-prose)::marker,:is([u\\\\:prose=\\"\\"],.prose) :where(summary):not(.not-prose)::marker{color:var(--un-prose-lists);}:is([u\\\\:prose=\\"\\"],.prose) :where(hr):not(.not-prose){margin:2em 0;border:1px solid var(--un-prose-hr);}:is([u\\\\:prose=\\"\\"],.prose) :where(table):not(.not-prose){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto;}:is([u\\\\:prose=\\"\\"],.prose) :where(tr):not(.not-prose):nth-child(2n){background:var(--un-prose-bg-soft);}:is([u\\\\:prose=\\"\\"],.prose) :where(td,th):not(.not-prose){border:1px solid var(--un-prose-borders);padding:.625em 1em;}:is([u\\\\:prose=\\"\\"],.prose) :where(abbr):not(.not-prose){cursor:help;}:is([u\\\\:prose=\\"\\"],.prose) :where(kbd):not(.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(.not-prose){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft);}:is([u\\\\:prose=\\"\\"],.prose) :where(summary):not(.not-prose){cursor:pointer;font-weight:600;} .prose, [u\\\\:prose=\\"\\"]{color:var(--un-prose-body);max-width:65ch;}" `;