scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
48324ef935f6f80234732806e05256e52b29ae0b
web/apps/scandic-web/public/_static/css/design-system-current-deprecated.css
Joakim Jäderberg 48324ef935 Merged in feature/copy-static-files-via-build-scripts (pull request #2798) 
SW-3467 Copy static files via build scripts

* add file copy script and add all fonts to design-system

* add file copy script and add all fonts to design-system

* add file copy script and add all fonts to design-system

* remove fonts that will be copied via build scripts

* wip

* update paths to shared files

* update material-symbol script

* merge

* fix missing shared segment for path in fonts.css


Approved-by: Linus Flood
2025-09-16 10:59:33 +00:00

667 lines
33 KiB
CSS
Raw Blame History

:root {
--typography-Body-Bold-Desktop-fontSize: 16px;
--typography-Body-Bold-fontFamily: "fira sans";
--typography-Body-Bold-fontSize: 16px;
--typography-Body-Bold-fontWeight: "medium";
--typography-Body-Bold-letterSpacing: 1.2000000476837158%;
--typography-Body-Bold-lineHeight: 150%;
--typography-Body-Bold-Mobile-fontSize: 16px;
--typography-Body-Bold-Tablet-estimate-fontSize: 16px;
--typography-Body-Bold-textCase: "original";
--typography-Body-Bold-textDecoration: "none";
--typography-Body-Inline-Desktop-fontSize: 16px;
--typography-Body-Inline-fontFamily: "fira sans";
--typography-Body-Inline-fontSize: 16px;
--typography-Body-Inline-fontWeight: "regular";
--typography-Body-Inline-letterSpacing: 1.2000000476837158%;
--typography-Body-Inline-lineHeight: 150%;
--typography-Body-Inline-Mobile-fontSize: 16px;
--typography-Body-Inline-Tablet-estimate-fontSize: 16px;
--typography-Body-Inline-textCase: "original";
--typography-Body-Inline-textDecoration: "underline";
--typography-Body-Link-Desktop-fontSize: 16px;
--typography-Body-Link-Mobile-fontSize: 16px;
--typography-Body-Link-Tablet-estimate-fontSize: 16px;
--typography-Body-Regular-Desktop-fontSize: 16px;
--typography-Body-Regular-fontFamily: "fira sans";
--typography-Body-Regular-fontSize: 16px;
--typography-Body-Regular-fontWeight: "regular";
--typography-Body-Regular-letterSpacing: 1.2000000476837158%;
--typography-Body-Regular-lineHeight: 150%;
--typography-Body-Regular-Mobile-fontSize: 16px;
--typography-Body-Regular-Tablet-estimate-fontSize: 16px;
--typography-Body-Regular-textCase: "original";
--typography-Body-Regular-textDecoration: "none";
--typography-Body-Underline-fontFamily: "fira sans";
--typography-Body-Underline-fontSize: 16px;
--typography-Body-Underline-fontWeight: "medium";
--typography-Body-Underline-letterSpacing: 1.2000000476837158%;
--typography-Body-Underline-lineHeight: 150%;
--typography-Body-Underline-textCase: "original";
--typography-Body-Underline-textDecoration: "underline";
--typography-Caption-Bold-Desktop-fontSize: 14px;
--typography-Caption-Bold-fontFamily: "fira sans";
--typography-Caption-Bold-fontSize: 14px;
--typography-Caption-Bold-fontWeight: "medium";
--typography-Caption-Bold-letterSpacing: 1.399999976158142%;
--typography-Caption-Bold-lineHeight: 139.9999976158142%;
--typography-Caption-Bold-Mobile-fontSize: 14px;
--typography-Caption-Bold-Tablet-estimate-fontSize: 14px;
--typography-Caption-Bold-textCase: "original";
--typography-Caption-Bold-textDecoration: "none";
--typography-Caption-Inline-Desktop-fontSize: 14px;
--typography-Caption-Inline-fontFamily: "fira sans";
--typography-Caption-Inline-fontSize: 14px;
--typography-Caption-Inline-fontWeight: "regular";
--typography-Caption-Inline-letterSpacing: 1.399999976158142%;
--typography-Caption-Inline-lineHeight: 139.9999976158142%;
--typography-Caption-Inline-Mobile-fontSize: 14px;
--typography-Caption-Inline-Tablet-estimate-fontSize: 14px;
--typography-Caption-Inline-textCase: "original";
--typography-Caption-Inline-textDecoration: "underline";
--typography-Caption-Labels-fontFamily: "brandon text";
--typography-Caption-Labels-fontSize: 14px;
--typography-Caption-Labels-fontWeight: "bold";
--typography-Caption-Labels-letterSpacing: 1.399999976158142%;
--typography-Caption-Labels-lineHeight: 150%;
--typography-Caption-Labels-textCase: "upper";
--typography-Caption-Labels-textDecoration: "none";
--typography-Caption-Link-Desktop-fontSize: 14px;
--typography-Caption-Link-Mobile-fontSize: 14px;
--typography-Caption-Link-Tablet-estimate-fontSize: 14px;
--typography-Caption-Regular-Desktop-fontSize: 14px;
--typography-Caption-Regular-fontFamily: "fira sans";
--typography-Caption-Regular-fontSize: 14px;
--typography-Caption-Regular-fontWeight: "regular";
--typography-Caption-Regular-letterSpacing: 1.399999976158142%;
--typography-Caption-Regular-lineHeight: 139.9999976158142%;
--typography-Caption-Regular-Mobile-fontSize: 14px;
--typography-Caption-Regular-Tablet-estimate-fontSize: 14px;
--typography-Caption-Regular-textCase: "original";
--typography-Caption-Regular-textDecoration: "none";
--typography-Caption-Underline-fontFamily: "fira sans";
--typography-Caption-Underline-fontSize: 14px;
--typography-Caption-Underline-fontWeight: "medium";
--typography-Caption-Underline-letterSpacing: 1.399999976158142%;
--typography-Caption-Underline-lineHeight: 139.9999976158142%;
--typography-Caption-Underline-textCase: "original";
--typography-Caption-Underline-textDecoration: "underline";
--typography-Foot-note-Bold-Desktop-fontSize: 12px;
--typography-Foot-note-Bold-Mobile-fontSize: 12px;
--typography-Foot-note-Bold-Tablet-estimate-fontSize: 12px;
--typography-Foot-note-Regular-Desktop-fontSize: 12px;
--typography-Foot-note-Regular-Mobile-fontSize: 12px;
--typography-Foot-note-Regular-Tablet-estimate-fontSize: 12px;
--typography-Footnote-Bold-fontFamily: "fira sans";
--typography-Footnote-Bold-fontSize: 12px;
--typography-Footnote-Bold-fontWeight: "medium";
--typography-Footnote-Bold-letterSpacing: 1.399999976158142%;
--typography-Footnote-Bold-lineHeight: 150%;
--typography-Footnote-Bold-textCase: "original";
--typography-Footnote-Bold-textDecoration: "none";
--typography-Footnote-Labels-fontFamily: "brandon text";
--typography-Footnote-Labels-fontSize: 12px;
--typography-Footnote-Labels-fontWeight: "bold";
--typography-Footnote-Labels-letterSpacing: 1.399999976158142%;
--typography-Footnote-Labels-lineHeight: 150%;
--typography-Footnote-Labels-textCase: "upper";
--typography-Footnote-Labels-textDecoration: "none";
--typography-Footnote-Regular-fontFamily: "fira sans";
--typography-Footnote-Regular-fontSize: 12px;
--typography-Footnote-Regular-fontWeight: "regular";
--typography-Footnote-Regular-letterSpacing: 1.399999976158142%;
--typography-Footnote-Regular-lineHeight: 150%;
--typography-Footnote-Regular-textCase: "original";
--typography-Footnote-Regular-textDecoration: "none";
--typography-Preamble-Desktop-fontSize: 20px;
--typography-Preamble-fontFamily: "fira sans";
--typography-Preamble-fontSize: 20px;
--typography-Preamble-fontWeight: "regular";
--typography-Preamble-letterSpacing: 1%;
--typography-Preamble-lineHeight: 139.9999976158142%;
--typography-Preamble-Mobile-fontSize: 18px;
--typography-Preamble-Tablet-estimate-fontSize: 19px;
--typography-Preamble-textCase: "original";
--typography-Preamble-textDecoration: "none";
--typography-Script-1-Desktop-fontSize: 32px;
--typography-Script-1-fontFamily: "biro script plus";
--typography-Script-1-fontSize: 32px;
--typography-Script-1-fontWeight: "regular";
--typography-Script-1-letterSpacing: 2%;
--typography-Script-1-lineHeight: 110.00000238418579%;
--typography-Script-1-Mobile-fontSize: 24px;
--typography-Script-1-Tablet-estimate-fontSize: 29px;
--typography-Script-1-textCase: "original";
--typography-Script-1-textDecoration: "none";
--typography-Script-2-Desktop-fontSize: 24px;
--typography-Script-2-fontFamily: "biro script plus";
--typography-Script-2-fontSize: 24px;
--typography-Script-2-fontWeight: "regular";
--typography-Script-2-letterSpacing: 2%;
--typography-Script-2-lineHeight: 110.00000238418579%;
--typography-Script-2-Mobile-fontSize: 20px;
--typography-Script-2-Tablet-estimate-fontSize: 22px;
--typography-Script-2-textCase: "original";
--typography-Script-2-textDecoration: "none";
--typography-Subtitle-1-Desktop-fontSize: 24px;
--typography-Subtitle-1-fontFamily: "fira sans";
--typography-Subtitle-1-fontSize: 24px;
--typography-Subtitle-1-fontWeight: "medium";
--typography-Subtitle-1-letterSpacing: 1%;
--typography-Subtitle-1-lineHeight: 120.00000476837158%;
--typography-Subtitle-1-Mobile-fontSize: 20px;
--typography-Subtitle-1-Tablet-estimate-fontSize: 22px;
--typography-Subtitle-1-textCase: "original";
--typography-Subtitle-1-textDecoration: "none";
--typography-Subtitle-2-Desktop-fontSize: 20px;
--typography-Subtitle-2-fontFamily: "fira sans";
--typography-Subtitle-2-fontSize: 20px;
--typography-Subtitle-2-fontWeight: "medium";
--typography-Subtitle-2-letterSpacing: 1%;
--typography-Subtitle-2-lineHeight: 120.00000476837158%;
--typography-Subtitle-2-Mobile-fontSize: 18px;
--typography-Subtitle-2-Tablet-estimate-fontSize: 19px;
--typography-Subtitle-2-textCase: "original";
--typography-Subtitle-2-textDecoration: "none";
--typography-Title-1-Desktop-fontSize: 64px;
--typography-Title-1-fontFamily: "brandon text";
--typography-Title-1-fontSize: 64px;
--typography-Title-1-fontWeight: "black";
--typography-Title-1-letterSpacing: 0.25%;
--typography-Title-1-lineHeight: 110.00000238418579%;
--typography-Title-1-Mobile-fontSize: 48px;
--typography-Title-1-Tablet-estimate-fontSize: 60px;
--typography-Title-1-textCase: "upper";
--typography-Title-1-textDecoration: "none";
--typography-Title-2-Desktop-fontSize: 48px;
--typography-Title-2-fontFamily: "brandon text";
--typography-Title-2-fontSize: 48px;
--typography-Title-2-fontWeight: "black";
--typography-Title-2-letterSpacing: 0.25%;
--typography-Title-2-lineHeight: 110.00000238418579%;
--typography-Title-2-Mobile-fontSize: 36px;
--typography-Title-2-Tablet-estimate-fontSize: 44px;
--typography-Title-2-textCase: "upper";
--typography-Title-2-textDecoration: "none";
--typography-Title-3-Desktop-fontSize: 36px;
--typography-Title-3-fontFamily: "brandon text";
--typography-Title-3-fontSize: 36px;
--typography-Title-3-fontWeight: "black";
--typography-Title-3-letterSpacing: 0.25%;
--typography-Title-3-lineHeight: 110.00000238418579%;
--typography-Title-3-Mobile-fontSize: 30px;
--typography-Title-3-Tablet-estimate-fontSize: 34px;
--typography-Title-3-textCase: "upper";
--typography-Title-3-textDecoration: "none";
--typography-Title-4-Desktop-fontSize: 28px;
--typography-Title-4-fontFamily: "brandon text";
--typography-Title-4-fontSize: 28px;
--typography-Title-4-fontWeight: "bold";
--typography-Title-4-letterSpacing: 0.25%;
--typography-Title-4-lineHeight: 110.00000238418579%;
--typography-Title-4-Mobile-fontSize: 24px;
--typography-Title-4-Tablet-estimate-fontSize: 26px;
--typography-Title-4-textCase: "original";
--typography-Title-4-textDecoration: "none";
--typography-Title-5-Desktop-fontSize: 24px;
--typography-Title-5-fontFamily: "brandon text";
--typography-Title-5-fontSize: 24px;
--typography-Title-5-fontWeight: "black";
--typography-Title-5-letterSpacing: 0.25%;
--typography-Title-5-lineHeight: 110.00000238418579%;
--typography-Title-5-Mobile-fontSize: 20px;
--typography-Title-5-Tablet-estimate-fontSize: 21px;
--typography-Title-5-textCase: "upper";
--typography-Title-5-textDecoration: "none";
}
:root {
--Base-Background-Primary-Elevated: var(--Scandic-Beige-00);
--Base-Background-Primary-Normal: var(--Scandic-Beige-00);
--Base-Border-Hover: var(--Scandic-Peach-80);
--Base-Border-Inverted: var(--UI-Opacity-White-100);
--Base-Border-Normal: var(--Scandic-Beige-40);
--Base-Border-Subtle: var(--Scandic-Beige-20);
--Base-Button-Inverted-Border-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Inverted-Border-Hover: var(--UI-Opacity-White-0);
--Base-Button-Inverted-Border-Normal: var(--UI-Opacity-White-0);
--Base-Button-Inverted-Fill-Disabled: var(--UI-Grey-20);
--Base-Button-Inverted-Fill-Hover: var(--Scandic-Beige-10);
--Base-Button-Inverted-Fill-Hover-alt: var(--Scandic-Peach-10);
--Base-Button-Inverted-Fill-Normal: var(--UI-Opacity-White-100);
--Base-Button-Inverted-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Inverted-On-Fill-Hover: var(--Scandic-Red-90);
--Base-Button-Inverted-On-Fill-Normal: var(--Scandic-Red-100);
--Base-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Base-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Base-Button-Primary-Fill-Disabled: var(--UI-Grey-20);
--Base-Button-Primary-Fill-Hover: var(--Scandic-Red-70);
--Base-Button-Primary-Fill-Normal: var(--Scandic-Red-60);
--Base-Button-Primary-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Primary-On-Fill-Hover: var(--UI-Opacity-White-100);
--Base-Button-Primary-On-Fill-Normal: var(--UI-Opacity-White-100);
--Base-Button-Secondary-Border-Disabled: var(--UI-Grey-30);
--Base-Button-Secondary-Border-Hover: var(--Scandic-Peach-80);
--Base-Button-Secondary-Border-Normal: var(--Scandic-Red-100);
--Base-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Base-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Base-Button-Secondary-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-80);
--Base-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);
--Base-Button-Tertiary-Border-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Tertiary-Border-Hover: var(--UI-Opacity-White-0);
--Base-Button-Tertiary-Border-Normal: var(--UI-Opacity-White-0);
--Base-Button-Tertiary-Fill-Disabled: var(--UI-Grey-20);
--Base-Button-Tertiary-Fill-Hover: var(--Scandic-Red-90);
--Base-Button-Tertiary-Fill-Normal: var(--Scandic-Red-100);
--Base-Button-Tertiary-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Tertiary-On-Fill-Hover: var(--UI-Opacity-White-100);
--Base-Button-Tertiary-On-Fill-Normal: var(--UI-Opacity-White-100);
--Base-Button-Text-Border-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Text-Border-Hover: var(--UI-Opacity-White-0);
--Base-Button-Text-Border-Normal: var(--UI-Opacity-White-0);
--Base-Button-Text-Fill-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Text-Fill-Hover: var(--UI-Opacity-White-0);
--Base-Button-Text-Fill-Normal: var(--UI-Opacity-White-0);
--Base-Button-Text-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Text-On-Fill-Hover: var(--Scandic-Peach-80);
--Base-Button-Text-On-Fill-Normal: var(--Scandic-Red-100);
--Base-Icon-Low-contrast: var(--Scandic-Peach-70);
--Base-Interactive-Surface-Primary-normal: var(--Scandic-Red-80);
--Base-Interactive-Surface-Secondary-normal: var(--Scandic-Green-70);
--Base-Interactive-Surface-Tertiary-normal: var(--Scandic-Blue-60);
--Base-Surface-Primary-dark-Hover: var(--Scandic-Peach-20);
--Base-Surface-Primary-dark-Normal: var(--Scandic-Peach-10);
--Base-Surface-Primary-light-Hover: var(--UI-Grey-00);
--Base-Surface-Primary-light-Hover-alt: var(--Scandic-Beige-10);
--Base-Surface-Primary-light-Normal: var(--UI-Opacity-White-100);
--Base-Surface-Secondary-light-Hover: var(--Scandic-Peach-10);
--Base-Surface-Secondary-light-Hover-alt: var(--Scandic-Peach-20);
--Base-Surface-Secondary-light-Normal: var(--Scandic-Beige-00);
--Base-Surface-Subtle-Hover: var(--Scandic-Beige-20);
--Base-Surface-Subtle-Normal: var(--Scandic-Beige-10);
--Base-Text-Accent: var(--Scandic-Red-60);
--Base-Text-Disabled: var(--UI-Grey-40);
--Base-Text-High-contrast: var(--Scandic-Red-100);
--Base-Text-Inverted: var(--UI-Opacity-White-100);
--Base-Text-Medium-contrast: var(--Scandic-Peach-80);
--Primary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);
--Primary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Peach-20);
--Primary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Peach-10);
--Primary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-30);
--Primary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Red-80);
--Primary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Red-100);
--Primary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
--Primary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Peach-30);
--Primary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Peach-10);
--Primary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-30);
--Primary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-30);
--Primary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Peach-10);
--Primary-Dark-On-Surface-Accent: var(--Scandic-Peach-50);
--Primary-Dark-On-Surface-Divider: var(--Scandic-Peach-80);
--Primary-Dark-On-Surface-Text: var(--Scandic-Peach-10);
--Primary-Dark-Surface-Hover: var(--Scandic-Red-90);
--Primary-Dark-Surface-Normal: var(--Scandic-Red-100);
--Primary-Dim-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Primary-Fill-Disabled: var(--UI-Opacity-Almost-Black-10);
--Primary-Dim-Button-Primary-Fill-Hover: var(--Scandic-Red-80);
--Primary-Dim-Button-Primary-Fill-Normal: var(--Scandic-Red-100);
--Primary-Dim-Button-Primary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Dim-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);
--Primary-Dim-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);
--Primary-Dim-Button-Secondary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Dim-Button-Secondary-Border-Hover: var(--Scandic-Red-80);
--Primary-Dim-Button-Secondary-Border-Normal: var(--Scandic-Red-100);
--Primary-Dim-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Dim-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);
--Primary-Dim-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);
--Primary-Dim-On-Surface-Accent: var(--Scandic-Peach-80);
--Primary-Dim-On-Surface-Divider: var(--Scandic-Peach-40);
--Primary-Dim-On-Surface-Text: var(--Scandic-Red-100);
--Primary-Dim-Surface-Hover: var(--Scandic-Peach-40);
--Primary-Dim-Surface-Normal: var(--Scandic-Peach-30);
--Primary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Primary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Primary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Primary-Light-Button-Primary-Fill-Disabled: var(
--UI-Opacity-Almost-Black-10
);
--Primary-Light-Button-Primary-Fill-Hover: var(--Scandic-Red-80);
--Primary-Light-Button-Primary-Fill-Normal: var(--Scandic-Red-100);
--Primary-Light-Button-Primary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);
--Primary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);
--Primary-Light-Button-Secondary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Light-Button-Secondary-Border-Hover: var(--Scandic-Red-80);
--Primary-Light-Button-Secondary-Border-Normal: var(--Scandic-Red-100);
--Primary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Primary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Primary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Primary-Light-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);
--Primary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);
--Primary-Light-On-Surface-Accent: var(--Scandic-Red-60);
--Primary-Light-On-Surface-Divider: var(--Scandic-Peach-30);
--Primary-Light-On-Surface-Divider-subtle: var(--Scandic-Beige-10);
--Primary-Light-On-Surface-Text: var(--Scandic-Red-100);
--Primary-Light-Surface-Hover: var(--Scandic-Peach-20);
--Primary-Light-Surface-Normal: var(--Scandic-Peach-10);
--Primary-Strong-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);
--Primary-Strong-Button-Primary-Fill-Hover: var(--Scandic-Red-00);
--Primary-Strong-Button-Primary-Fill-Normal: var(--UI-Opacity-White-100);
--Primary-Strong-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);
--Primary-Strong-Button-Primary-On-Fill-Hover: var(--Scandic-Red-70);
--Primary-Strong-Button-Primary-On-Fill-Normal: var(--Scandic-Red-70);
--Primary-Strong-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
--Primary-Strong-Button-Secondary-Border-Hover: var(--Scandic-Peach-00);
--Primary-Strong-Button-Secondary-Border-Normal: var(--UI-Opacity-White-100);
--Primary-Strong-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-White-20
);
--Primary-Strong-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-00);
--Primary-Strong-Button-Secondary-On-Fill-Normal: var(--UI-Opacity-White-100);
--Primary-Strong-On-Surface-Accent: var(--Scandic-Peach-10);
--Primary-Strong-On-Surface-Divider: var(--Scandic-Red-70);
--Primary-Strong-On-Surface-Text: var(--UI-Opacity-White-100);
--Primary-Strong-Surface-Hover: var(--Scandic-Red-70);
--Primary-Strong-Surface-Normal: var(--Scandic-Red-60);
--Secondary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);
--Secondary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Green-30);
--Secondary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Green-20);
--Secondary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);
--Secondary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Green-80);
--Secondary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Green-90);
--Secondary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
--Secondary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Green-30);
--Secondary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Green-20);
--Secondary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-White-20
);
--Secondary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-30);
--Secondary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-20);
--Secondary-Dark-On-Surface-Accent: var(--Scandic-Green-40);
--Secondary-Dark-On-Surface-Divider: var(--Scandic-Green-80);
--Secondary-Dark-On-Surface-Text: var(--Scandic-Green-20);
--Secondary-Dark-Surface-Hover: var(--Scandic-Green-80);
--Secondary-Dark-Surface-Normal: var(--Scandic-Green-90);
--Secondary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Primary-Fill-Disabled: var(
--UI-Opacity-Almost-Black-10
);
--Secondary-Light-Button-Primary-Fill-Hover: var(--Scandic-Green-80);
--Secondary-Light-Button-Primary-Fill-Normal: var(--Scandic-Green-90);
--Secondary-Light-Button-Primary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Secondary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Green-30);
--Secondary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Green-20);
--Secondary-Light-Button-Secondary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Secondary-Light-Button-Secondary-Border-Hover: var(--Scandic-Green-80);
--Secondary-Light-Button-Secondary-Border-Normal: var(--Scandic-Green-90);
--Secondary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Secondary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-80);
--Secondary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-90);
--Secondary-Light-On-Surface-Accent: var(--Scandic-Green-50);
--Secondary-Light-On-Surface-Divider: var(--Scandic-Green-30);
--Secondary-Light-On-Surface-Text: var(--Scandic-Green-90);
--Secondary-Light-Surface-Hover: var(--Scandic-Green-20);
--Secondary-Light-Surface-Normal: var(--Scandic-Green-20);
--Tertiary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);
--Tertiary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Yellow-20);
--Tertiary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Yellow-10);
--Tertiary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);
--Tertiary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Blue-80);
--Tertiary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Blue-100);
--Tertiary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
--Tertiary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Yellow-20);
--Tertiary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Yellow-10);
--Tertiary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-20);
--Tertiary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Yellow-20);
--Tertiary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Yellow-10);
--Tertiary-Dark-On-Surface-Accent: var(--Scandic-Blue-40);
--Tertiary-Dark-On-Surface-Divider: var(--Scandic-Blue-80);
--Tertiary-Dark-On-Surface-Text: var(--Scandic-Yellow-10);
--Tertiary-Dark-Surface-Hover: var(--Scandic-Blue-90);
--Tertiary-Dark-Surface-Normal: var(--Scandic-Blue-100);
--Tertiary-Light-Button-Primary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Tertiary-Light-Button-Primary-Border-Hover: var(--Scandic-Yellow-00);
--Tertiary-Light-Button-Primary-Border-Normal: var(--Scandic-Yellow-10);
--Tertiary-Light-Button-Primary-Fill-Disabled: var(
--UI-Opacity-Almost-Black-10
);
--Tertiary-Light-Button-Primary-Fill-Hover: var(--Scandic-Blue-90);
--Tertiary-Light-Button-Primary-Fill-Normal: var(--Scandic-Blue-100);
--Tertiary-Light-Button-Primary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Tertiary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Yellow-00);
--Tertiary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Yellow-10);
--Tertiary-Light-Button-Secondary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Tertiary-Light-Button-Secondary-Border-Hover: var(--Scandic-Blue-90);
--Tertiary-Light-Button-Secondary-Border-Normal: var(--Scandic-Blue-100);
--Tertiary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Tertiary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Tertiary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Tertiary-Light-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Tertiary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Blue-90);
--Tertiary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Blue-100);
--Tertiary-Light-On-Surface-Accent: var(--Scandic-Yellow-50);
--Tertiary-Light-On-Surface-Divider: var(--Scandic-Yellow-20);
--Tertiary-Light-On-Surface-Text: var(--Scandic-Blue-100);
--Tertiary-Light-Surface-Hover: var(--Scandic-Yellow-00);
--Tertiary-Light-Surface-Normal: var(--Scandic-Yellow-10);
--UI-Input-Controls-Border-Disabled: var(--UI-Grey-40);
--UI-Input-Controls-Border-Error: var(--Scandic-Red-70);
--UI-Input-Controls-Border-Focus: var(--Scandic-Blue-80);
--UI-Input-Controls-Border-Hover: var(--Scandic-Beige-70);
--UI-Input-Controls-Border-KeyboardFocus: var(--Scandic-Blue-50);
--UI-Input-Controls-Border-Normal: var(--Scandic-Beige-50);
--UI-Input-Controls-Fill-Disabled: var(--UI-Grey-60);
--UI-Input-Controls-Fill-Normal: var(--UI-Opacity-White-100);
--UI-Input-Controls-Fill-Selected: var(--Scandic-Blue-80);
--UI-Input-Controls-Fill-Selected-hover: var(--Scandic-Blue-70);
--UI-Input-Controls-On-Fill-Normal: var(--UI-Opacity-White-100);
--UI-Input-Controls-Surface-Disabled: var(--UI-Grey-10);
--UI-Input-Controls-Surface-Hover: var(--Scandic-Beige-10);
--UI-Input-Controls-Surface-Normal: var(--UI-Opacity-White-100);
--UI-Semantic-Error: var(--Scandic-Red-70);
--UI-Semantic-Information: var(--Scandic-Blue-70);
--UI-Semantic-Success: var(--Scandic-Green-60);
--UI-Semantic-Warning: var(--Scandic-Yellow-60);
--UI-Text-Active: var(--Scandic-Blue-90);
--UI-Text-Error: var(--Scandic-Red-70);
--UI-Text-High-contrast: var(--UI-Grey-100);
--UI-Text-Medium-contrast: var(--UI-Grey-80);
--UI-Text-Placeholder: var(--UI-Grey-60);
}
:root {
--Go-Beige-00: #faf8f2;
--Go-Beige-10: #f0ede4;
--Go-Beige-20: #e0dcce;
--Go-Beige-30: #c8c4b6;
--Go-Beige-40: #b0aca0;
--Go-Beige-50: #918f83;
--Go-Beige-60: #78766d;
--Go-Beige-70: #63615a;
--Go-Beige-80: #4f4d49;
--Go-Beige-90: #373633;
--Go-Beige-100: #1f1e1d;
--Go-Brand-Aqua: #73fcee;
--Go-Brand-Chartreuse: #85ff52;
--Go-Brand-Coral: #fa3737;
--Go-Brand-Lavender: #dcd7ff;
--Go-Brand-Lemon: #f5ff73;
--Go-Brand-Linen: #e0dcce;
--Go-Brand-Obsidian: #2d163a;
--Go-Brand-Pine: #21331f;
--Go-Brand-Powderrose: #ecc8c9;
--Go-Green-00: #edffe5;
--Go-Green-10: #cdffb8;
--Go-Green-20: #a7ff82;
--Go-Green-30: #85ff52;
--Go-Green-40: #66e03a;
--Go-Green-50: #45b222;
--Go-Green-60: #2e7f18;
--Go-Green-70: #2a601e;
--Go-Green-80: #26461f;
--Go-Green-90: #21331f;
--Go-Green-100: #162115;
--Go-Purple-00: #f4f2ff;
--Go-Purple-10: #dcd7ff;
--Go-Purple-20: #cabffc;
--Go-Purple-30: #baa7f7;
--Go-Purple-40: #ab8ef0;
--Go-Purple-50: #9c75e6;
--Go-Purple-60: #8c5bd5;
--Go-Purple-70: #733cb2;
--Go-Purple-80: #5e2a8c;
--Go-Purple-90: #451f61;
--Go-Purple-100: #2d163a;
--Go-Yellow-00: #fdffe8;
--Go-Yellow-10: #faffc4;
--Go-Yellow-20: #f8ff9c;
--Go-Yellow-30: #f5ff73;
--Go-Yellow-40: #edea39;
--Go-Yellow-50: #dec614;
--Go-Yellow-60: #ba8d07;
--Go-Yellow-70: #966400;
--Go-Yellow-80: #754403;
--Go-Yellow-90: #572701;
--Go-Yellow-100: #3b1300;
--Main-Blue-00: #eaf2fc;
--Main-Blue-10: #c7d9f5;
--Main-Blue-20: #a5c2ee;
--Main-Blue-30: #84ace7;
--Main-Blue-40: #6697df;
--Main-Blue-50: #4983d8;
--Main-Blue-60: #2e70d1;
--Main-Blue-70: #1555b4;
--Main-Blue-80: #023d96;
--Main-Blue-90: #002a69;
--Main-Blue-100: #001b42;
--Main-Brand-Burgundy: #4d001b;
--Main-Brand-DarkBlue: #0d1440;
--Main-Brand-DarkGreen: #093021;
--Main-Brand-DarkGrey: #291710;
--Main-Brand-LightBlue: #b5e0ff;
--Main-Brand-LightGreen: #d2edaf;
--Main-Brand-PalePeach: #f7e1d5;
--Main-Brand-PaleYellow: #fff0c2;
--Main-Brand-ScandicRed: #cd0921;
--Main-Brand-WarmWhite: #faf6f2;
--Main-Green-00: #e7f5e1;
--Main-Green-10: #badda8;
--Main-Green-20: #99ca7e;
--Main-Green-30: #7ab859;
--Main-Green-40: #5fa53a;
--Main-Green-50: #47931f;
--Main-Green-60: #33800a;
--Main-Green-70: #286806;
--Main-Green-80: #1e4f03;
--Main-Green-90: #143701;
--Main-Green-100: #0e2600;
--Main-Grey-00: #f2f2f2;
--Main-Grey-10: #e7e7e8;
--Main-Grey-20: #d8d8da;
--Main-Grey-30: #ceced2;
--Main-Grey-40: #c5c5ca;
--Main-Grey-50: #a7a7ad;
--Main-Grey-60: #7e7e84;
--Main-Grey-70: #535358;
--Main-Grey-80: #2f2f32;
--Main-Grey-90: #1b1b1c;
--Main-Grey-100: #111112;
--Main-Grey-Almostblack: #1f1c1b;
--Main-Grey-White: #ffffff;
--Main-Red-00: #ffebeb;
--Main-Red-10: #f7c1c2;
--Main-Red-20: #f79499;
--Main-Red-30: #f26b74;
--Main-Red-40: #ed4251;
--Main-Red-50: #e32034;
--Main-Red-60: #cd0921;
--Main-Red-70: #ad0015;
--Main-Red-80: #8d0011;
--Main-Red-90: #6d000d;
--Main-Red-100: #4d001b;
--Main-Scandic-00: #edf7f7;
--Main-Scandic-10: #c5e3e5;
--Main-Scandic-20: #97d3d9;
--Main-Scandic-30: #74cbd2;
--Main-Scandic-40: #53c3cc;
--Main-Scandic-50: #26a7b2;
--Main-Scandic-60: #00838e;
--Main-Scandic-70: #055b62;
--Main-Scandic-80: #08393d;
--Main-Scandic-90: #082022;
--Main-Scandic-100: #061112;
--Main-Yellow-00: #fff8e3;
--Main-Yellow-10: #fff0c2;
--Main-Yellow-20: #fade89;
--Main-Yellow-30: #f7ce52;
--Main-Yellow-40: #edb532;
--Main-Yellow-50: #e59515;
--Main-Yellow-60: #d17308;
--Main-Yellow-70: #a85211;
--Main-Yellow-80: #7d370f;
--Main-Yellow-90: #4f2313;
--Main-Yellow-100: #301508;
}
Reference in New Issue View Git Blame Copy Permalink