scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
adde77eaa924978b2b78aa2615424b438427acfa
web/packages/design-system/lib/styles/scandic-go.css
Matilda Landström adde77eaa9 Merged in feat/update-tokens (pull request #1611) 
feat(SW-2027): update variables.json

* feat(SW-2027): update variables.json

* fix(SW-2027). replace old tokens

* fix(SW-2027): remove uppercase check


Approved-by: Michael Zetterberg
Approved-by: Erik Tiekstra
2025-03-28 16:15:57 +00:00

385 lines
18 KiB
CSS
Raw Blame History

/* This file is generated, do not edit manually! */
.scandic-go {
/* Values */
--Body-Lead-text-Font-fallback: sans-serif;
--Body-Lead-text-Letter-spacing: 0.2px;
--Body-Paragraph-Font-fallback: sans-serif;
--Body-Paragraph-Letter-spacing: 0.19px;
--Body-Supporting-text-Font-fallback: sans-serif;
--Body-Supporting-text-Letter-spacing: 0.2px;
--Body-Underline-md-Font-fallback: sans-serif;
--Body-Underline-md-Letter-spacing: 0.19px;
--Body-Underline-md-Text-Decoration: underline;
--Body-Underline-sm-Font-fallback: sans-serif;
--Body-Underline-sm-Letter-spacing: 0.2px;
--Body-Underline-sm-Text-Decoration: underline;
--Component-Button-Brand-Primary-Fill-Hover: #c7c2e5;
--Component-Button-Brand-Secondary-Border-Hover-inverted: #908197;
--Component-Button-Brand-Secondary-On-fill-Hover-inverted: #bbb2bf;
--Component-Button-Brand-Tertiary-Fill-Hover: #402a4b;
--Component-Button-Inverted-Fill-Hover: #e6e5e5;
--Component-Button-Inverted-On-fill-Hover: #402a4b;
--Component-Button-Muted-Fill-Hover-inverted: #f2f2f2;
--Component-Button-Muted-Fill-Hover: #ffffff;
--Font-family-Scandic-Go-Body: 'Fira sans';
--Font-family-Scandic-Go-Decorative: 'ITC Garamond Std';
--Font-family-Scandic-Go-Title: 'Neue Haas Grotesk Display Pro';
--Label-Font-fallback: sans-serif;
--Label-Letter-spacing: 0.17px;
--Link-md-Font-fallback: sans-serif;
--Link-md-Letter-spacing: 0.19px;
--Link-md-Text-Decoration: underline;
--Link-sm-Font-fallback: sans-serif;
--Link-sm-Letter-spacing: 0.2px;
--Link-sm-Text-Decoration: underline;
--Scandic-Go-Beige-00: #fffefa;
--Scandic-Go-Beige-0: #faf8f2;
--Scandic-Go-Beige-100: #1f1e1d;
--Scandic-Go-Beige-10: #f0ede4;
--Scandic-Go-Beige-20: #e0dcce;
--Scandic-Go-Beige-30: #c8c4b6;
--Scandic-Go-Beige-40: #b0aca0;
--Scandic-Go-Beige-50: #918f83;
--Scandic-Go-Beige-60: #78766d;
--Scandic-Go-Beige-70: #63615a;
--Scandic-Go-Beige-80: #4f4d49;
--Scandic-Go-Beige-90: #373633;
--Scandic-Go-Coral-50: #fa3737;
--Scandic-Go-Cyan-20: #73fcee;
--Scandic-Go-Green-00: #edffe5;
--Scandic-Go-Green-100: #162115;
--Scandic-Go-Green-10: #cdffb8;
--Scandic-Go-Green-20: #a7ff82;
--Scandic-Go-Green-30: #85ff52;
--Scandic-Go-Green-40: #66e03a;
--Scandic-Go-Green-50: #45b222;
--Scandic-Go-Green-60: #2e7f18;
--Scandic-Go-Green-70: #2a601e;
--Scandic-Go-Green-80: #26461f;
--Scandic-Go-Green-90: #21331f;
--Scandic-Go-Powder-Rose-50: #ecc8c9;
--Scandic-Go-Purple-00: #f4f2ff;
--Scandic-Go-Purple-100: #2d163a;
--Scandic-Go-Purple-10: #dcd7ff;
--Scandic-Go-Purple-20: #cabffc;
--Scandic-Go-Purple-30: #baa7f7;
--Scandic-Go-Purple-40: #ab8ef0;
--Scandic-Go-Purple-50: #9c75e6;
--Scandic-Go-Purple-60: #8c5bd5;
--Scandic-Go-Purple-70: #733cb2;
--Scandic-Go-Purple-80: #5e2a8c;
--Scandic-Go-Purple-90: #451f61;
--Scandic-Go-Yellow-00: #fdffe8;
--Scandic-Go-Yellow-100: #3b1300;
--Scandic-Go-Yellow-10: #faffc4;
--Scandic-Go-Yellow-20: #f8ff9c;
--Scandic-Go-Yellow-30: #f5ff73;
--Scandic-Go-Yellow-40: #edea39;
--Scandic-Go-Yellow-50: #dec614;
--Scandic-Go-Yellow-60: #ba8d07;
--Scandic-Go-Yellow-70: #966400;
--Scandic-Go-Yellow-80: #754403;
--Scandic-Go-Yellow-90: #572701;
--Surface-Primary-Hover-Light: #e6e5e5;
--Surface-Primary-Hover: #f2f2f2;
--Surface-Secondary-Hover: #e4e1d9;
--Surface-UI-Fill-Active-Hover: #e6e5e5;
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.24px;
--Tag-Text-Transform: unset;
--Title-Decorative-lg-Font-fallback: Serif;
--Title-Decorative-lg-Letter-spacing: 0.32px;
--Title-Decorative-lg-Text-Transform: unset;
--Title-Decorative-md-Font-fallback: Serif;
--Title-Decorative-md-Letter-spacing: 0.48px;
--Title-Decorative-md-Text-Transform: unset;
--Title-Overline-sm-Font-fallback: sans-serif;
--Title-Overline-sm-Letter-spacing: 0.21px;
--Title-Overline-sm-Text-Transform: unset;
--Title-Subtitle-lg-Font-fallback: sans-serif;
--Title-Subtitle-lg-Letter-spacing: 0.24px;
--Title-Subtitle-md-Font-fallback: sans-serif;
--Title-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: sans-serif;
--Title-lg-Letter-spacing: 0.48px;
--Title-lg-Text-Transform: unset;
--Title-md-Font-fallback: sans-serif;
--Title-md-Letter-spacing: 0.36px;
--Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.36px;
--Title-md-LowCase-Text-Transform: unset;
--Title-md-Text-Transform: unset;
--Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0.42px;
--Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0.42px;
--Title-sm-LowCase-Text-Transform: unset;
--Title-sm-Text-Transform: unset;
--Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: 0.36px;
--Title-xs-Text-Transform: unset;
--Utilities-Gradients-10: #2d163a1a;
/* Aliases */
--Background-Primary: var(--Scandic-Go-Beige-00);
--Background-Secondary: var(--Neutral-Opacity-White-100);
--Body-Lead-text-Font-family: var(--Font-family-Scandic-Go-Body);
--Body-Lead-text-Font-weight: var(--Font-weight-Regular);
--Body-Lead-text-Size: var(--Impl-Text-size-xs);
--Body-Paragraph-Font-family: var(--Font-family-Scandic-Go-Body);
--Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
--Body-Paragraph-Font-weight: var(--Font-weight-Regular);
--Body-Paragraph-Size: var(--Impl-Text-size-3xs);
--Body-Supporting-text-Font-family: var(--Font-family-Scandic-Go-Body);
--Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
--Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
--Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
--Body-Underline-md-Font-family: var(--Font-family-Scandic-Go-Body);
--Body-Underline-md-Font-weight: var(--Font-weight-Regular);
--Body-Underline-md-Size: var(--Impl-Text-size-3xs);
--Body-Underline-sm-Font-family: var(--Font-family-Scandic-Go-Body);
--Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
--Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
--Border-Default: var(--Neutral-20);
--Border-Divider-Accent: var(--Neutral-30);
--Border-Divider-Brand-OnPrimary-1-Default: var(--Scandic-Go-Purple-100);
--Border-Divider-Brand-OnPrimary-1-Secondary: var(--Scandic-Go-Purple-100);
--Border-Divider-Brand-OnPrimary-2-Default: var(--Scandic-Go-Green-30);
--Border-Divider-Brand-OnPrimary-3-Default: var(--Scandic-Go-Purple-10);
--Border-Divider-Default: var(--Neutral-20);
--Border-Divider-Subtle: var(--Neutral-15);
--Border-Intense: var(--Neutral-30);
--Border-Interactive-Default: var(--Neutral-30);
--Border-Interactive-Disabled: var(--Neutral-40);
--Border-Interactive-Error: var(--Scandic-Red-70);
--Border-Interactive-Focus: var(--Neutral-80);
--Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
--Border-Interactive-Selected: var(--Neutral-80);
--Border-Inverted: var(--Neutral-Opacity-White-100);
--Component-Button-Brand-Primary-Border-Default: var(
--Neutral-Opacity-White-0
);
--Component-Button-Brand-Primary-Border-Disabled: var(
--Neutral-Opacity-White-0
);
--Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
--Component-Button-Brand-Primary-Fill-Default: var(--Scandic-Go-Purple-10);
--Component-Button-Brand-Primary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
);
--Component-Button-Brand-Primary-On-fill-Default: var(
--Scandic-Go-Purple-100
);
--Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Brand-Primary-On-fill-Hover: var(--Scandic-Go-Purple-100);
--Component-Button-Brand-Secondary-Border-Default: var(
--Scandic-Go-Purple-100
);
--Component-Button-Brand-Secondary-Border-Disabled: var(
--Neutral-Opacity-Black-10
);
--Component-Button-Brand-Secondary-Border-Hover: var(--Scandic-Go-Purple-80);
--Component-Button-Brand-Secondary-Border-Inverted: var(
--Neutral-Opacity-White-100
);
--Component-Button-Brand-Secondary-Fill-Default: var(
--Neutral-Opacity-White-0
);
--Component-Button-Brand-Secondary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
);
--Component-Button-Brand-Secondary-Fill-Hover-Inverted: var(
--Scandic-Go-Purple-100
);
--Component-Button-Brand-Secondary-Fill-Hover: var(--Neutral-Opacity-White-0);
--Component-Button-Brand-Secondary-Fill-Inverted: var(
--Neutral-Opacity-White-100
);
--Component-Button-Brand-Secondary-On-fill-Default: var(
--Scandic-Go-Purple-100
);
--Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Brand-Secondary-On-fill-Hover: var(--Scandic-Go-Purple-80);
--Component-Button-Brand-Secondary-On-fill-Inverted: var(
--Neutral-Opacity-White-100
);
--Component-Button-Brand-Tertiary-Border-Default: var(
--Neutral-Opacity-White-0
);
--Component-Button-Brand-Tertiary-Border-Disabled: var(
--Neutral-Opacity-White-0
);
--Component-Button-Brand-Tertiary-Border-Hover: var(
--Neutral-Opacity-White-0
);
--Component-Button-Brand-Tertiary-Fill-Default: var(--Scandic-Go-Purple-100);
--Component-Button-Brand-Tertiary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
);
--Component-Button-Brand-Tertiary-On-fill-Default: var(
--Neutral-Opacity-White-100
);
--Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Brand-Tertiary-On-fill-Hover: var(
--Neutral-Opacity-White-100
);
--Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
--Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-0);
--Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-0);
--Component-Button-Inverted-Fill-Default: var(--Neutral-Opacity-White-100);
--Component-Button-Inverted-Fill-Disabled: var(--Neutral-Opacity-Black-10);
--Component-Button-Inverted-Fill-Faded: var(--Neutral-Opacity-White-90);
--Component-Button-Inverted-Fill-Hover-Inverted: var(--Scandic-Go-Purple-10);
--Component-Button-Inverted-On-fill-Default: var(--Scandic-Go-Purple-100);
--Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Inverted-On-fill-Hover-inverted: var(
--Neutral-Opacity-White-100
);
--Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-0);
--Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-0);
--Component-Button-Muted-Border-Hover: var(--Neutral-Opacity-White-0);
--Component-Button-Muted-Fill-Default: var(--Neutral-Opacity-White-100);
--Component-Button-Muted-Fill-Disabled-inverted: var(--Neutral-20);
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
--Component-Button-Muted-On-fill-Default: var(--Neutral-90);
--Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Muted-On-fill-Hover-Inverted: var(--Scandic-Go-Purple-80);
--Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
--Icon-Accent: var(--Scandic-Go-Coral-50);
--Icon-Default: var(--Neutral-60);
--Icon-Feedback-Error: var(--Scandic-Red-70);
--Icon-Feedback-Information: var(--Scandic-Blue-70);
--Icon-Feedback-Neutral: var(--Scandic-Grey-80);
--Icon-Feedback-Success: var(--Scandic-Green-60);
--Icon-Feedback-Warning: var(--Scandic-Yellow-60);
--Icon-Intense: var(--Neutral-90);
--Icon-Interactive-Accent: var(--Scandic-Go-Purple-80);
--Icon-Interactive-Default: var(--Scandic-Go-Purple-100);
--Icon-Interactive-Disabled: var(--Neutral-30);
--Icon-Interactive-Placeholder: var(--Neutral-50);
--Icon-Interactive-Secondary: var(--Scandic-Go-Purple-80);
--Icon-Inverted: var(--Neutral-Opacity-White-100);
--Label-Font-family: var(--Font-family-Scandic-Go-Body);
--Label-Font-weight-2: var(--Font-weight-Medium);
--Label-Font-weight: var(--Font-weight-Regular);
--Label-Size: var(--Impl-Text-size-5xs);
--Link-md-Font-family: var(--Font-family-Scandic-Go-Body);
--Link-md-Font-weight: var(--Font-weight-Medium);
--Link-md-Size: var(--Impl-Text-size-3xs);
--Link-sm-Font-family: var(--Font-family-Scandic-Go-Body);
--Link-sm-Font-weight: var(--Font-weight-Medium);
--Link-sm-Size: var(--Impl-Text-size-4xs);
--Overlay-10: var(--Neutral-Opacity-Black-10);
--Overlay-20: var(--Neutral-Opacity-Black-20);
--Overlay-30: var(--Neutral-Opacity-Black-20);
--Overlay-40: var(--Neutral-Opacity-Black-40);
--Overlay-60: var(--Neutral-Opacity-Black-60);
--Overlay-80: var(--Neutral-Opacity-Black-80);
--Overlay-90: var(--Neutral-Opacity-Black-90);
--Surface-Accent-1: var(--Scandic-Go-Coral-50);
--Surface-Accent-2: var(--Scandic-Go-Cyan-20);
--Surface-Accent-3: var(--Scandic-Go-Green-30);
--Surface-Accent-4: var(--Scandic-Go-Purple-10);
--Surface-Accent-5: var(--Scandic-Go-Powder-Rose-50);
--Surface-Brand-Accent-Default: var(--Scandic-Go-Yellow-30);
--Surface-Brand-Primary-1-Default: var(--Scandic-Go-Purple-10);
--Surface-Brand-Primary-1-OnSurface-Accent-Secondary: var(
--Scandic-Go-Yellow-30
);
--Surface-Brand-Primary-1-OnSurface-Accent: var(--Scandic-Go-Coral-50);
--Surface-Brand-Primary-1-OnSurface-Default: var(--Scandic-Go-Purple-100);
--Surface-Brand-Primary-2-Default: var(--Scandic-Go-Green-90);
--Surface-Brand-Primary-2-OnSurface-Accent: var(--Scandic-Go-Green-30);
--Surface-Brand-Primary-2-OnSurface-Default: var(--Neutral-Opacity-White-100);
--Surface-Brand-Primary-3-Default: var(--Scandic-Go-Purple-100);
--Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Go-Cyan-20);
--Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Go-Purple-10);
--Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
--Surface-Feedback-Error: var(--Scandic-Red-00);
--Surface-Feedback-Information-Accent: var(--Scandic-Blue-70);
--Surface-Feedback-Information: var(--Scandic-Blue-00);
--Surface-Feedback-Neutral-Accent: var(--Neutral-50);
--Surface-Feedback-Neutral: var(--Neutral-15);
--Surface-Feedback-Succes-Accent: var(--Scandic-Green-60);
--Surface-Feedback-Succes: var(--Scandic-Green-00);
--Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00);
--Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
--Surface-Primary-Default: var(--Neutral-Opacity-White-100);
--Surface-Primary-Disabled: var(--Neutral-15);
--Surface-Primary-Hover-Accent: var(--Scandic-Go-Purple-10);
--Surface-Primary-OnSurface-Default: var(--Scandic-Go-Beige-0);
--Surface-Secondary-Default-dark: var(--Scandic-Go-Beige-20);
--Surface-Secondary-Default: var(--Scandic-Go-Beige-10);
--Surface-UI-Fill-Active: var(--Neutral-80);
--Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
--Surface-UI-Fill-Disabled: var(--Neutral-15);
--Surface-UI-Fill-Intense: var(--Neutral-80);
--Tag-Font-family: var(--Font-family-Scandic-Go-Title);
--Tag-Font-weight: var(--Font-weight-Medium);
--Tag-Size: var(--Impl-Text-size-5xs);
--Text-Accent-Primary: var(--Scandic-Go-Purple-100);
--Text-Accent-Secondary: var(--Scandic-Go-Purple-80);
--Text-Brand-OnAccent-Accent: var(--Scandic-Go-Purple-100);
--Text-Brand-OnAccent-Default: var(--Scandic-Go-Purple-100);
--Text-Brand-OnAccent-Heading: var(--Scandic-Go-Purple-100);
--Text-Brand-OnPrimary-1-Accent: var(--Scandic-Go-Purple-100);
--Text-Brand-OnPrimary-1-Default: var(--Scandic-Go-Purple-100);
--Text-Brand-OnPrimary-1-Heading: var(--Scandic-Go-Purple-100);
--Text-Brand-OnPrimary-2-Accent: var(--Scandic-Go-Purple-10);
--Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-3-Accent: var(--Scandic-Go-Purple-10);
--Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100);
--Text-Default: var(--Neutral-90);
--Text-Feedback-Error-Accent: var(--Scandic-Red-70);
--Text-Feedback-Information-Accent: var(--Scandic-Blue-70);
--Text-Feedback-Neutral-Accent: var(--Neutral-50);
--Text-Feedback-Succes-Accent: var(--Scandic-Green-60);
--Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
--Text-Heading: var(--Scandic-Go-Purple-100);
--Text-Interactive-Default: var(--Scandic-Go-Purple-100);
--Text-Interactive-Disabled: var(--Neutral-40);
--Text-Interactive-Error: var(--Scandic-Red-70);
--Text-Interactive-Focus: var(--Neutral-80);
--Text-Interactive-Hover-Secondary: var(--Scandic-Go-Purple-100);
--Text-Interactive-Placeholder: var(--Neutral-50);
--Text-Interactive-Secondary: var(--Scandic-Go-Purple-80);
--Text-Inverted: var(--Neutral-Opacity-White-100);
--Text-Secondary: var(--Neutral-60);
--Text-Tertiary: var(--Neutral-50);
--Title-Decorative-lg-Font-family: var(--Font-family-Scandic-Go-Decorative);
--Title-Decorative-lg-Font-weight: var(--Font-weight-Medium);
--Title-Decorative-lg-Size: var(--Impl-Text-size-xl);
--Title-Decorative-md-Font-family: var(--Font-family-Scandic-Go-Decorative);
--Title-Decorative-md-Font-weight: var(--Font-weight-Medium);
--Title-Decorative-md-Size: var(--Impl-Text-size-sm);
--Title-Overline-sm-Font-family: var(--Font-family-Scandic-Go-Title);
--Title-Overline-sm-Font-weight: var(--Font-weight-Medium);
--Title-Overline-sm-Size: var(--Impl-Text-size-2xs);
--Title-Subtitle-lg-Font-family: var(--Font-family-Scandic-Go-Body);
--Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
--Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
--Title-Subtitle-md-Font-family: var(--Font-family-Scandic-Go-Body);
--Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
--Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
--Title-lg-Font-family: var(--Font-family-Scandic-Go-Title);
--Title-lg-Font-weight: var(--Font-weight-Medium);
--Title-lg-Size: var(--Impl-Text-size-4xl);
--Title-md-Font-family: var(--Font-family-Scandic-Go-Title);
--Title-md-Font-weight: var(--Font-weight-Medium);
--Title-md-LowCase-Font-family: var(--Font-family-Scandic-Title);
--Title-md-LowCase-Font-weight: var(--Font-weight-Medium);
--Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
--Title-md-Size: var(--Impl-Text-size-2xl);
--Title-sm-Font-family: var(--Font-family-Scandic-Go-Title);
--Title-sm-Font-weight: var(--Font-weight-Medium);
--Title-sm-LowCase-Font-family: var(--Font-family-Scandic-Go-Title);
--Title-sm-LowCase-Font-weight: var(--Font-weight-Medium);
--Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
--Title-sm-Size: var(--Impl-Text-size-lg);
--Title-xs-Font-family: var(--Font-family-Scandic-Go-Title);
--Title-xs-Font-weight: var(--Font-weight-Medium);
--Title-xs-Size: var(--Impl-Text-size-sm);
}
Reference in New Issue View Git Blame Copy Permalink