422 lines
20 KiB
CSS
422 lines
20 KiB
CSS
/* This file is generated, do not edit manually! */
|
|
.scandic {
|
|
/* 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;
|
|
--Font-family-Scandic-Body: 'Fira sans';
|
|
--Font-family-Scandic-Decorative: 'Biro Script Plus';
|
|
--Font-family-Scandic-Title: 'Brandon Text';
|
|
--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-Beige-00: #faf6f2;
|
|
--Scandic-Beige-100: #291710;
|
|
--Scandic-Beige-10: #f2ece6;
|
|
--Scandic-Beige-20: #e3d9d1;
|
|
--Scandic-Beige-30: #d1c4ba;
|
|
--Scandic-Beige-40: #b8a79a;
|
|
--Scandic-Beige-50: #9c8a7e;
|
|
--Scandic-Beige-60: #806e63;
|
|
--Scandic-Beige-70: #6b584d;
|
|
--Scandic-Beige-80: #533f35;
|
|
--Scandic-Beige-90: #3e2b23;
|
|
--Scandic-Blue-00: #e8f6ff;
|
|
--Scandic-Blue-100: #0d1440;
|
|
--Scandic-Blue-10: #cfebff;
|
|
--Scandic-Blue-20: #b5e0ff;
|
|
--Scandic-Blue-30: #93c9f5;
|
|
--Scandic-Blue-40: #79aee7;
|
|
--Scandic-Blue-50: #5b8fd4;
|
|
--Scandic-Blue-60: #3f6dbd;
|
|
--Scandic-Blue-70: #284ea0;
|
|
--Scandic-Blue-80: #18347f;
|
|
--Scandic-Blue-90: #0d1f5f;
|
|
--Scandic-Green-00: #f3fce8;
|
|
--Scandic-Green-100: #091f16;
|
|
--Scandic-Green-10: #e1f3ca;
|
|
--Scandic-Green-20: #d2edaf;
|
|
--Scandic-Green-30: #acdb8a;
|
|
--Scandic-Green-40: #7cb865;
|
|
--Scandic-Green-50: #539e49;
|
|
--Scandic-Green-60: #348337;
|
|
--Scandic-Green-70: #256931;
|
|
--Scandic-Green-80: #164e29;
|
|
--Scandic-Green-90: #093021;
|
|
--Scandic-Grey-00: #f9f6f4;
|
|
--Scandic-Grey-100: #26201e;
|
|
--Scandic-Grey-10: #ebe8e6;
|
|
--Scandic-Grey-20: #d6d2d0;
|
|
--Scandic-Grey-30: #c2bdba;
|
|
--Scandic-Grey-40: #a8a4a2;
|
|
--Scandic-Grey-50: #8c8987;
|
|
--Scandic-Grey-60: #787472;
|
|
--Scandic-Grey-70: #635f5d;
|
|
--Scandic-Grey-80: #57514e;
|
|
--Scandic-Grey-90: #403937;
|
|
--Scandic-Peach-00: #fff3ed;
|
|
--Scandic-Peach-100: #4d0f25;
|
|
--Scandic-Peach-10: #f7e1d5;
|
|
--Scandic-Peach-20: #f4d5c8;
|
|
--Scandic-Peach-30: #f0c1b6;
|
|
--Scandic-Peach-40: #e9aba3;
|
|
--Scandic-Peach-50: #de9490;
|
|
--Scandic-Peach-60: #cd797c;
|
|
--Scandic-Peach-70: #b05b65;
|
|
--Scandic-Peach-80: #8f4350;
|
|
--Scandic-Peach-90: #642636;
|
|
--Scandic-Red-00: #ffebeb;
|
|
--Scandic-Red-100: #4d001b;
|
|
--Scandic-Red-10: #f7c1c2;
|
|
--Scandic-Red-20: #f79499;
|
|
--Scandic-Red-30: #f26b74;
|
|
--Scandic-Red-40: #ed4251;
|
|
--Scandic-Red-50: #e32034;
|
|
--Scandic-Red-70: #ad0015;
|
|
--Scandic-Red-80: #8d0011;
|
|
--Scandic-Red-90: #6d000d;
|
|
--Scandic-Red-Default: #cd0921;
|
|
--Scandic-Yellow-00: #fff8e3;
|
|
--Scandic-Yellow-100: #301508;
|
|
--Scandic-Yellow-10: #fff0c2;
|
|
--Scandic-Yellow-20: #fade89;
|
|
--Scandic-Yellow-30: #f7ce52;
|
|
--Scandic-Yellow-40: #edb532;
|
|
--Scandic-Yellow-50: #e59515;
|
|
--Scandic-Yellow-60: #d17308;
|
|
--Scandic-Yellow-70: #a85211;
|
|
--Scandic-Yellow-80: #7d370f;
|
|
--Scandic-Yellow-90: #4f2313;
|
|
--Tag-Font-fallback: sans-serif;
|
|
--Tag-Letter-spacing: 0.2px;
|
|
--Tag-Text-Transform: uppercase;
|
|
--Title-Decorative-lg-Font-fallback: sans-serif;
|
|
--Title-Decorative-lg-Letter-spacing: 0.64px;
|
|
--Title-Decorative-lg-Text-Transform: none;
|
|
--Title-Decorative-md-Font-fallback: sans-serif;
|
|
--Title-Decorative-md-Letter-spacing: 0.48px;
|
|
--Title-Decorative-md-Text-Transform: none;
|
|
--Title-Overline-sm-Font-fallback: sans-serif;
|
|
--Title-Overline-sm-Letter-spacing: 0.64px;
|
|
--Title-Overline-sm-Text-Transform: uppercase;
|
|
--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.12px;
|
|
--Title-lg-Text-Transform: uppercase;
|
|
--Title-md-Font-fallback: sans-serif;
|
|
--Title-md-Letter-spacing: 0.09px;
|
|
--Title-md-LowCase-Font-fallback: sans-serif;
|
|
--Title-md-LowCase-Letter-spacing: 0.09px;
|
|
--Title-md-LowCase-Text-Transform: none;
|
|
--Title-md-Text-Transform: uppercase;
|
|
--Title-sm-Font-fallback: sans-serif;
|
|
--Title-sm-Letter-spacing: 0.07px;
|
|
--Title-sm-LowCase-Font-fallback: sans-serif;
|
|
--Title-sm-LowCase-Letter-spacing: 0.07px;
|
|
--Title-sm-LowCase-Text-Transform: none;
|
|
--Title-sm-Text-Transform: uppercase;
|
|
--Title-xs-Font-fallback: sans-serif;
|
|
--Title-xs-Letter-spacing: 0.06px;
|
|
--Title-xs-Text-Transform: uppercase;
|
|
--Utilities-Gradients-10: #f2ece61a;
|
|
|
|
/* Aliases */
|
|
--Background-Primary: var(--Scandic-Beige-00);
|
|
--Background-Secondary: var(--Neutral-Opacity-White-100);
|
|
--Body-Lead-text-Font-family: var(--Font-family-Scandic-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-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-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-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-Body);
|
|
--Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
|
|
--Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
|
|
--Border-Default: var(--Scandic-Beige-20);
|
|
--Border-Divider-Accent: var(--Scandic-Peach-30);
|
|
--Border-Divider-Brand-OnAccent-Default: var(--Scandic-Peach-80);
|
|
--Border-Divider-Brand-OnPrimary-1-Default: var(--Scandic-Peach-40);
|
|
--Border-Divider-Brand-OnPrimary-2-Default: var(--Scandic-Red-70);
|
|
--Border-Divider-Brand-OnPrimary-3-Default: var(--Scandic-Peach-80);
|
|
--Border-Divider-Default: var(--Scandic-Beige-20);
|
|
--Border-Divider-Subtle: var(--Scandic-Beige-10);
|
|
--Border-Interactive-Active: var(--Scandic-Beige-70);
|
|
--Border-Interactive-Default: var(--Scandic-Beige-50);
|
|
--Border-Interactive-Disabled: var(--Scandic-Grey-40);
|
|
--Border-Interactive-Error: var(--Scandic-Red-70);
|
|
--Border-Interactive-Focus: var(--Scandic-Grey-100);
|
|
--Border-Inverted: var(--Neutral-Opacity-White-100);
|
|
--Border-Strong: var(--Scandic-Beige-40);
|
|
--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-Red-Default);
|
|
--Component-Button-Brand-Primary-Fill-Disabled: var(
|
|
--Neutral-Opacity-Black-10
|
|
);
|
|
--Component-Button-Brand-Primary-Fill-Hover: var(--Neutral-Opacity-Black-20);
|
|
--Component-Button-Brand-Primary-On-fill-Default: var(
|
|
--Neutral-Opacity-White-100
|
|
);
|
|
--Component-Button-Brand-Primary-On-fill-Disabled: var(--Scandic-Grey-40);
|
|
--Component-Button-Brand-Primary-On-fill-Hover: var(
|
|
--Neutral-Opacity-White-100
|
|
);
|
|
--Component-Button-Brand-Secondary-Border-Default: var(--Scandic-Red-100);
|
|
--Component-Button-Brand-Secondary-Border-Disabled: var(
|
|
--Neutral-Opacity-Black-10
|
|
);
|
|
--Component-Button-Brand-Secondary-Border-Hover-inverted: var(
|
|
--Neutral-Opacity-White-50
|
|
);
|
|
--Component-Button-Brand-Secondary-Border-Hover: var(--Scandic-Peach-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-Red-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-Red-100);
|
|
--Component-Button-Brand-Secondary-On-fill-Disabled: var(--Scandic-Grey-40);
|
|
--Component-Button-Brand-Secondary-On-fill-Hover-inverted: var(
|
|
--Neutral-Opacity-White-70
|
|
);
|
|
--Component-Button-Brand-Secondary-On-fill-Hover: var(--Scandic-Peach-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-Red-100);
|
|
--Component-Button-Brand-Tertiary-Fill-Disabled: var(
|
|
--Neutral-Opacity-Black-10
|
|
);
|
|
--Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-White-10);
|
|
--Component-Button-Brand-Tertiary-On-fill-Default: var(
|
|
--Neutral-Opacity-White-100
|
|
);
|
|
--Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Scandic-Grey-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-Red-100);
|
|
--Component-Button-Inverted-Fill-Hover: var(--Neutral-Opacity-Black-5);
|
|
--Component-Button-Inverted-On-fill-Default: var(--Scandic-Red-100);
|
|
--Component-Button-Inverted-On-fill-Disabled: var(--Scandic-Grey-40);
|
|
--Component-Button-Inverted-On-fill-Hover-inverted: var(
|
|
--Neutral-Opacity-White-100
|
|
);
|
|
--Component-Button-Inverted-On-fill-Hover: var(--Neutral-Opacity-White-10);
|
|
--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-0);
|
|
--Component-Button-Muted-Fill-Disabled-inverted: var(
|
|
--Neutral-Opacity-Black-10
|
|
);
|
|
--Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-10);
|
|
--Component-Button-Muted-Fill-Hover-inverted: var(--Neutral-Opacity-Black-5);
|
|
--Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-5);
|
|
--Component-Button-Muted-On-fill-Default: var(--Scandic-Grey-100);
|
|
--Component-Button-Muted-On-fill-Disabled: var(--Scandic-Grey-40);
|
|
--Component-Button-Muted-On-fill-Hover-Inverted: var(--Scandic-Red-90);
|
|
--Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
|
|
--Icon-Accent: var(--Scandic-Peach-70);
|
|
--Icon-Default: var(--Scandic-Grey-80);
|
|
--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(--Scandic-Grey-100);
|
|
--Icon-Interactive-Accent: var(--Scandic-Red-Default);
|
|
--Icon-Interactive-Default: var(--Scandic-Red-100);
|
|
--Icon-Interactive-Disabled: var(--Scandic-Grey-40);
|
|
--Icon-Interactive-Inverted-Hover: var(--Neutral-Opacity-White-70);
|
|
--Icon-Interactive-Placeholder: var(--Scandic-Grey-60);
|
|
--Icon-Interactive-Secondary: var(--Scandic-Peach-80);
|
|
--Icon-Inverted: var(--Neutral-Opacity-White-100);
|
|
--Label-Font-family: var(--Font-family-Scandic-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-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-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-30);
|
|
--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-Red-80);
|
|
--Surface-Accent-2: var(--Scandic-Blue-60);
|
|
--Surface-Accent-3: var(--Scandic-Green-70);
|
|
--Surface-Accent-4: var(--Scandic-Yellow-50);
|
|
--Surface-Accent-5: var(--Scandic-Blue-80);
|
|
--Surface-Brand-Accent-Default: var(--Scandic-Peach-30);
|
|
--Surface-Brand-Accent-OnAccent-Accent-Secondary: var(--Scandic-Peach-80);
|
|
--Surface-Brand-Accent-OnAccent-Accent: var(--Scandic-Red-Default);
|
|
--Surface-Brand-Accent-OnAccent-Default: var(--Scandic-Red-100);
|
|
--Surface-Brand-Primary-1-Default: var(--Scandic-Peach-10);
|
|
--Surface-Brand-Primary-1-OnSurface-Accent-Secondary: var(--Scandic-Peach-80);
|
|
--Surface-Brand-Primary-1-OnSurface-Accent: var(--Scandic-Red-Default);
|
|
--Surface-Brand-Primary-1-OnSurface-Default: var(--Scandic-Red-100);
|
|
--Surface-Brand-Primary-2-Default: var(--Scandic-Red-Default);
|
|
--Surface-Brand-Primary-2-OnSurface-Accent: var(--Scandic-Peach-10);
|
|
--Surface-Brand-Primary-2-OnSurface-Default: var(--Scandic-Red-100);
|
|
--Surface-Brand-Primary-3-Default: var(--Scandic-Red-100);
|
|
--Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Red-Default);
|
|
--Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Peach-10);
|
|
--Surface-Feedback-Error-light: var(--Scandic-Red-00);
|
|
--Surface-Feedback-Error: var(--Scandic-Red-70);
|
|
--Surface-Feedback-Information-light: var(--Scandic-Blue-00);
|
|
--Surface-Feedback-Information: var(--Scandic-Blue-70);
|
|
--Surface-Feedback-Neutral-light: var(--Scandic-Grey-10);
|
|
--Surface-Feedback-Neutral: var(--Scandic-Grey-60);
|
|
--Surface-Feedback-Succes-light: var(--Scandic-Green-00);
|
|
--Surface-Feedback-Succes: var(--Scandic-Green-60);
|
|
--Surface-Feedback-Warning-light: var(--Scandic-Yellow-00);
|
|
--Surface-Feedback-Warning: var(--Scandic-Yellow-60);
|
|
--Surface-Primary-Default: var(--Neutral-Opacity-White-100);
|
|
--Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10);
|
|
--Surface-Primary-Hover-Accent: var(--Scandic-Peach-10);
|
|
--Surface-Primary-Hover-Light: var(--Neutral-Opacity-Black-10);
|
|
--Surface-Primary-Hover: var(--Neutral-Opacity-Black-5);
|
|
--Surface-Primary-OnSurface-Default: var(--Scandic-Grey-00);
|
|
--Surface-Secondary-Default: var(--Scandic-Beige-10);
|
|
--Surface-Secondary-Hover: var(--Neutral-Opacity-Black-10);
|
|
--Surface-Secondary-Subtle: var(--Scandic-Beige-20);
|
|
--Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-10);
|
|
--Surface-UI-Fill-Active: var(--Scandic-Peach-100);
|
|
--Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
|
|
--Surface-UI-Fill-Disabled: var(--Neutral-Opacity-Black-10);
|
|
--Surface-UI-Fill-Intense: var(--Scandic-Grey-100);
|
|
--Tag-Font-family: var(--Font-family-Scandic-Title);
|
|
--Tag-Font-weight: var(--Font-weight-Regular-bold);
|
|
--Tag-Size: var(--Impl-Text-size-5xs);
|
|
--Text-Accent-Primary: var(--Scandic-Red-Default);
|
|
--Text-Brand-OnAccent-Accent-Secondary: var(--Scandic-Peach-80);
|
|
--Text-Brand-OnAccent-Accent: var(--Scandic-Peach-80);
|
|
--Text-Brand-OnAccent-Default: var(--Scandic-Grey-100);
|
|
--Text-Brand-OnAccent-Heading: var(--Scandic-Red-100);
|
|
--Text-Brand-OnPrimary-1-Accent: var(--Scandic-Red-Default);
|
|
--Text-Brand-OnPrimary-1-Default: var(--Scandic-Grey-100);
|
|
--Text-Brand-OnPrimary-1-Heading: var(--Scandic-Red-100);
|
|
--Text-Brand-OnPrimary-1-Hover: var(--Scandic-Grey-90);
|
|
--Text-Brand-OnPrimary-2-Accent: var(--Scandic-Peach-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-Peach-50);
|
|
--Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
|
|
--Text-Brand-OnPrimary-3-Heading: var(--Scandic-Peach-10);
|
|
--Text-Default: var(--Scandic-Grey-100);
|
|
--Text-Feedback-Error: var(--Scandic-Red-70);
|
|
--Text-Feedback-Information: var(--Scandic-Blue-70);
|
|
--Text-Feedback-Neutral: var(--Scandic-Grey-60);
|
|
--Text-Feedback-Succes: var(--Scandic-Green-60);
|
|
--Text-Feedback-Warning: var(--Scandic-Yellow-60);
|
|
--Text-Heading: var(--Scandic-Red-100);
|
|
--Text-Interactive-Default: var(--Scandic-Red-100);
|
|
--Text-Interactive-Disabled: var(--Scandic-Grey-40);
|
|
--Text-Interactive-Error: var(--Scandic-Red-70);
|
|
--Text-Interactive-Focus: var(--Scandic-Grey-80);
|
|
--Text-Interactive-Hover: var(--Scandic-Peach-80);
|
|
--Text-Interactive-Inverted-Hover: var(--Neutral-Opacity-White-70);
|
|
--Text-Interactive-Placeholder: var(--Scandic-Grey-60);
|
|
--Text-Interactive-Secondary-Hover: var(--Scandic-Red-100);
|
|
--Text-Interactive-Secondary: var(--Scandic-Peach-80);
|
|
--Text-Inverted: var(--Neutral-Opacity-White-100);
|
|
--Text-Secondary: var(--Scandic-Grey-80);
|
|
--Text-Tertiary: var(--Scandic-Grey-60);
|
|
--Title-Decorative-lg-Font-family: var(--Font-family-Scandic-Decorative);
|
|
--Title-Decorative-lg-Font-weight: var(--Font-weight-Regular);
|
|
--Title-Decorative-lg-Size: var(--Impl-Text-size-xl);
|
|
--Title-Decorative-md-Font-family: var(--Font-family-Scandic-Decorative);
|
|
--Title-Decorative-md-Font-weight: var(--Font-weight-Regular);
|
|
--Title-Decorative-md-Size: var(--Impl-Text-size-sm);
|
|
--Title-Overline-sm-Font-family: var(--Font-family-Scandic-Title);
|
|
--Title-Overline-sm-Font-weight: var(--Font-weight-Regular-bold);
|
|
--Title-Overline-sm-Size: var(--Impl-Text-size-4xs);
|
|
--Title-Subtitle-lg-Font-family: var(--Font-family-Scandic-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-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-Title);
|
|
--Title-lg-Font-weight: var(--Font-weight-Black);
|
|
--Title-lg-Size: var(--Impl-Text-size-4xl);
|
|
--Title-md-Font-family: var(--Font-family-Scandic-Title);
|
|
--Title-md-Font-weight: var(--Font-weight-Black);
|
|
--Title-md-LowCase-Font-family: var(--Font-family-Scandic-Title);
|
|
--Title-md-LowCase-Font-weight: var(--Font-weight-Regular-bold);
|
|
--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-Title);
|
|
--Title-sm-Font-weight: var(--Font-weight-Black);
|
|
--Title-sm-LowCase-Font-family: var(--Font-family-Scandic-Title);
|
|
--Title-sm-LowCase-Font-weight: var(--Font-weight-Regular-bold);
|
|
--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-Title);
|
|
--Title-xs-Font-weight: var(--Font-weight-Black);
|
|
--Title-xs-Size: var(--Impl-Text-size-sm);
|
|
}
|