@penskemediacorp/larva-tokens 1.63.0 → 1.65.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/deadline.custom-properties.css +1 -1
- package/build/deadline.json +5 -1
- package/build/deadline.map.scss +4 -0
- package/build/deadline.raw.json +28 -0
- package/build/vibe-2024.custom-properties.css +1 -0
- package/build/vibe-2024.json +65 -0
- package/build/vibe-2024.map.scss +82 -0
- package/build/vibe-2024.raw.json +685 -0
- package/package.json +2 -2
- package/style-guides/deadline.html +60 -0
- package/style-guides/vibe-2024.html +1185 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--border-color-grey-lightest: rgb(221, 222, 228);--border-color-brand-secondary-light: rgb(241, 248, 252);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(97, 97, 97);--border-color-brand-secondary-dark: rgb(224, 237, 245);--border-color-brand-secondary: rgb(70, 112, 210);--border-color-grey: rgb(155, 155, 155);--border-color-brand-primary-light: rgb(207, 53, 53);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(85, 1, 0);--border-color-brand-primary: rgb(236, 28, 36);--background-color-grey-light: rgb(204, 204, 204);--background-color-grey-lightest: rgb(221, 222, 228);--background-color-brand-secondary-dark: rgb(224, 237, 245);--background-color-brand-secondary-light: rgb(241, 248, 252);--background-color-grey-dark: rgb(97, 97, 97);--background-color-grey: rgb(155, 155, 155);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(70, 112, 210);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(207, 53, 53);--background-color-brand-primary-dark: rgb(85, 1, 0);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(146, 2, 0);--background-color-grey-darkest: rgb(25, 25, 25);--color-brand-secondary: rgb(70, 112, 210);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(207, 53, 53);--color-brand-primary-dark: rgb(85, 1, 0);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(146, 2, 0);--color-grey-light: rgb(230, 230, 230);--color-brand-secondary-dark: rgb(224, 237, 245);--color-brand-secondary-light: rgb(241, 248, 252);--color-grey-dark: rgb(97, 97, 97);--color-grey: rgb(155, 155, 155);--font-family-primary-fancy: "Balto", Helvetica, sans-serif;--font-family-primary: Helvetica, sans-serif;--font-family-secondary-fancy: "Eksell", Georgia, serif;--font-family-secondary: Georgia, serif;--font-family-body: Georgia, serif;--font-family-basic: Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: initial;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: initial;--body-xl-font-size-desktop: initial;--primary-xxl-font-size-mobile: initial;--primary-l-font-size-mobile: 32px;--body-xxl-font-size-mobile: initial;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: initial;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 16px;--body-xxs-font-size-desktop: initial;--primary-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop: 24px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 26px;--body-xxxs-font-size-desktop: initial;--body-xs-font-size-desktop: initial;--secondary-s-font-size-mobile: 11px;--secondary-xxs-font-size-mobile: initial;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: initial;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: initial;--basic-xxl-font-size-desktop: initial;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: initial;--basic-m-font-size-desktop: initial;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: initial;--secondary-m-font-size-mobile: 18px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: initial;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 23px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: initial;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 17px;--secondary-xxl-font-size-mobile: initial;--secondary-xl-font-size-mobile: initial;--secondary-xxl-font-size-desktop: initial;--secondary-l-font-size-desktop: 30px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 18px;--basic-s-font-size-desktop: initial;--basic-xxs-font-size-desktop: initial;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: initial;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 32px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 23px;--basic-xxl-font-size-mobile: initial;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: initial;--basic-xl-font-size-desktop: initial;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: initial;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 24px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: initial;--body-xxxs-font-size-mobile: initial;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: initial;--secondary-s-font-size-desktop: 12px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 22px;--primary-s-font-size-mobile: 32px;--body-xxs-font-size-mobile: initial;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: initial;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: initial;--body-xxl-font-size-desktop: initial;--primary-l-font-size-desktop: 24px;--primary-xxl-font-size-desktop: initial;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: initial;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 32px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 32px;--body-m-font-size-desktop: 18px;--body-m-font-size-mobile: 18px;--primary-m-font-size-desktop: 23px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: normal;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: normal;--secondary-m-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: normal;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: normal;--body-l-letter-spacing-mobile: normal;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: normal;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: normal;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: normal;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: normal;--body-xs-letter-spacing-desktop: normal;--body-xxs-letter-spacing-mobile: normal;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: normal;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: normal;--basic-xxl-letter-spacing-mobile: normal;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: normal;--secondary-m-letter-spacing-mobile: normal;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: normal;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: 700;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: normal;--basic-xxl-font-weight-desktop: normal;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: 700;--primary-s-font-weight-mobile: 700;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: normal;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 600;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: normal;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 600;--basic-s-font-weight-desktop: normal;--primary-m-font-weight-mobile: 700;--primary-xxl-font-weight-mobile: normal;--primary-l-font-weight-mobile: 700;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: normal;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: normal;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 600;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 600;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: normal;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: normal;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: 700;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: normal;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: 700;--basic-xxs-font-weight-mobile: normal;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: normal;--secondary-m-font-weight-mobile: 600;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 600;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: normal;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: 700;--primary-xxs-font-weight-desktop: 700;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: normal;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: normal;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: 700;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 24px;--primary-m-line-height-desktop: 28px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: initial;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: initial;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: initial;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 28px;--body-xxs-line-height-desktop: initial;--primary-xxs-line-height-desktop: 27px;--secondary-s-line-height-mobile: 14px;--secondary-xxs-line-height-mobile: initial;--body-s-line-height-desktop: 22px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 29px;--body-xxxs-line-height-desktop: initial;--body-xs-line-height-desktop: initial;--secondary-xs-line-height-mobile: initial;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: initial;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: initial;--basic-xxl-line-height-desktop: initial;--basic-m-line-height-desktop: initial;--basic-s-line-height-mobile: initial;--secondary-m-line-height-mobile: 22px;--basic-xxs-line-height-mobile: initial;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 28px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 21px;--secondary-xxl-line-height-mobile: initial;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: initial;--secondary-xl-line-height-desktop: initial;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: initial;--secondary-l-line-height-desktop: 35px;--secondary-m-line-height-desktop: 22px;--basic-s-line-height-desktop: initial;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: initial;--basic-m-line-height-mobile: initial;--basic-l-line-height-mobile: initial;--primary-m-line-height-desktop-xl: 28px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: initial;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 28px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: initial;--secondary-xs-line-height-desktop: initial;--body-xs-line-height-mobile: initial;--body-xxxs-line-height-mobile: initial;--primary-xs-line-height-mobile: 21px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: initial;--secondary-s-line-height-desktop: 17px;--primary-xxs-line-height-mobile: 23px;--primary-s-line-height-mobile: 34px;--body-xxs-line-height-mobile: initial;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: initial;--body-xl-line-height-mobile: initial;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 34px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 34px;--body-m-line-height-mobile: 24px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: initial;--body-xxl-line-height-desktop: initial;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: initial;--primary-xxl-line-height-mobile: initial;--body-xxl-line-height-mobile: initial;--primary-l-line-height-mobile: 34px;--body-l-line-height-mobile: initial;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif}
|
|
1
|
+
:root{--border-color-grey-lightest: rgb(221, 222, 228);--border-color-brand-secondary-light: rgb(241, 248, 252);--border-color-grey-light: rgb(204, 204, 204);--border-color-grey-dark: rgb(97, 97, 97);--border-color-brand-secondary-dark: rgb(224, 237, 245);--border-color-brand-secondary: rgb(70, 112, 210);--border-color-grey: rgb(155, 155, 155);--border-color-brand-primary-light: rgb(207, 53, 53);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(85, 1, 0);--border-color-brand-primary: rgb(236, 28, 36);--background-color-grey-light: rgb(204, 204, 204);--background-color-grey-lightest: rgb(221, 222, 228);--background-color-brand-secondary-dark: rgb(224, 237, 245);--background-color-brand-secondary-light: rgb(241, 248, 252);--background-color-grey-dark: rgb(97, 97, 97);--background-color-grey: rgb(155, 155, 155);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(70, 112, 210);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(207, 53, 53);--background-color-brand-primary-dark: rgb(85, 1, 0);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(146, 2, 0);--background-color-grey-darkest: rgb(25, 25, 25);--color-brand-secondary: rgb(70, 112, 210);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(207, 53, 53);--color-brand-primary-dark: rgb(85, 1, 0);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(146, 2, 0);--color-grey-light: rgb(230, 230, 230);--color-brand-secondary-dark: rgb(224, 237, 245);--color-brand-secondary-light: rgb(241, 248, 252);--color-grey-dark: rgb(97, 97, 97);--color-grey: rgb(155, 155, 155);--font-family-primary-fancy: "Balto", Helvetica, sans-serif;--font-family-primary: Helvetica, sans-serif;--font-family-secondary-fancy: "Eksell", Georgia, serif;--font-family-secondary: Georgia, serif;--font-family-body: Georgia, serif;--font-family-basic: Arial, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--body-l-font-size-mobile: initial;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: initial;--body-xl-font-size-desktop: initial;--primary-xxl-font-size-mobile: initial;--primary-l-font-size-mobile: 32px;--body-xxl-font-size-mobile: initial;--basic-s-font-size-desktop-xl: initial;--secondary-m-font-size-desktop-xl: 14px;--basic-xxs-font-size-desktop-xl: initial;--basic-xs-font-size-mobile: initial;--secondary-l-font-size-desktop-xl: 30px;--secondary-xxl-font-size-desktop-xl: initial;--body-s-font-size-desktop: 16px;--body-xxs-font-size-desktop: initial;--primary-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop: 24px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: initial;--accent-s-font-size-desktop-xl: 23px;--accent-xxs-font-size-desktop-xl: 18px;--accent-l-font-size-desktop: 58px;--accent-m-font-size-desktop: 26px;--primary-xxxs-font-size-desktop: 20px;--primary-xs-font-size-desktop: 26px;--body-xxxs-font-size-desktop: initial;--body-xs-font-size-desktop: initial;--secondary-s-font-size-mobile: 11px;--secondary-xxs-font-size-mobile: initial;--basic-m-font-size-desktop-xl: initial;--secondary-xs-font-size-mobile: initial;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: initial;--basic-l-font-size-desktop-xl: initial;--basic-l-font-size-desktop: initial;--basic-xxl-font-size-desktop: initial;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: initial;--basic-m-font-size-desktop: initial;--body-xs-font-size-desktop-xl: initial;--body-xxxs-font-size-desktop-xl: initial;--primary-xs-font-size-desktop-xl: 26px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: initial;--secondary-m-font-size-mobile: 18px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: initial;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 24px;--body-xxs-font-size-desktop-xl: initial;--primary-s-font-size-desktop-xl: 23px;--body-s-font-size-desktop-xl: 16px;--secondary-xl-font-size-desktop: initial;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 17px;--secondary-xxl-font-size-mobile: initial;--secondary-xl-font-size-mobile: initial;--secondary-xxl-font-size-desktop: initial;--secondary-l-font-size-desktop: 30px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 18px;--basic-s-font-size-desktop: initial;--basic-xxs-font-size-desktop: initial;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: initial;--body-xl-font-size-desktop-xl: initial;--body-xxxl-font-size-desktop-xl: initial;--primary-xl-font-size-desktop-xl: 32px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 23px;--basic-xxl-font-size-mobile: initial;--body-m-font-size-desktop-xl: 18px;--basic-l-font-size-mobile: initial;--basic-xl-font-size-desktop: initial;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: initial;--primary-xxl-font-size-desktop-xl: initial;--primary-l-font-size-desktop-xl: 24px;--body-xxl-font-size-desktop-xl: initial;--body-l-font-size-desktop-xl: initial;--body-xs-font-size-mobile: initial;--body-xxxs-font-size-mobile: initial;--primary-xs-font-size-mobile: 18px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: initial;--secondary-s-font-size-desktop: 12px;--basic-xs-font-size-desktop-xl: initial;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 22px;--primary-s-font-size-mobile: 32px;--body-xxs-font-size-mobile: initial;--body-s-font-size-mobile: 16px;--basic-xs-font-size-desktop: initial;--secondary-s-font-size-desktop-xl: 12px;--secondary-xxs-font-size-desktop-xl: initial;--body-l-font-size-desktop: initial;--body-xxl-font-size-desktop: initial;--primary-l-font-size-desktop: 24px;--primary-xxl-font-size-desktop: initial;--secondary-xs-font-size-desktop-xl: initial;--body-xl-font-size-mobile: initial;--body-xxxl-font-size-mobile: initial;--primary-xl-font-size-mobile: 32px;--basic-xl-font-size-desktop-xl: initial;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 32px;--body-m-font-size-desktop: 18px;--body-m-font-size-mobile: 18px;--primary-m-font-size-desktop: 23px;--accent-xs-font-size-desktop: 23px;--secondary-xs-letter-spacing-desktop: normal;--secondary-xxs-letter-spacing-mobile: normal;--secondary-s-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: normal;--primary-s-letter-spacing-desktop-xl: normal;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: normal;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: normal;--secondary-m-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop-xl: normal;--primary-xxxs-letter-spacing-desktop-xl: normal;--primary-xs-letter-spacing-desktop-xl: normal;--body-xxxs-letter-spacing-desktop-xl: normal;--body-xs-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop: normal;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: normal;--body-l-letter-spacing-mobile: normal;--body-xxl-letter-spacing-mobile: normal;--primary-l-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-mobile: normal;--secondary-regular-m-letter-spacing-desktop: normal;--accent-xs-letter-spacing-mobile: 0.52px;--accent-s-letter-spacing-desktop: normal;--basic-l-letter-spacing-desktop-xl: normal;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: normal;--accent-regular-xxs-letter-spacing-desktop-xl: 0.52px;--body-m-letter-spacing-mobile: normal;--primary-m-letter-spacing-mobile: normal;--primary-xl-letter-spacing-mobile: normal;--body-xxxl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: normal;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: normal;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: normal;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: normal;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: normal;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: normal;--body-xs-letter-spacing-desktop: normal;--body-xxs-letter-spacing-mobile: normal;--body-xxxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-desktop: normal;--primary-xxs-letter-spacing-mobile: normal;--primary-xxxs-letter-spacing-desktop: normal;--accent-m-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: normal;--basic-s-letter-spacing-desktop-xl: normal;--accent-m-letter-spacing-mobile: .74px;--primary-xxxs-letter-spacing-mobile: normal;--primary-xxs-letter-spacing-desktop: normal;--primary-xs-letter-spacing-mobile: normal;--body-xxs-letter-spacing-desktop: normal;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: normal;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: normal;--basic-xl-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-mobile: normal;--basic-xxl-letter-spacing-mobile: normal;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop: normal;--body-xxxl-letter-spacing-desktop: normal;--primary-xl-letter-spacing-desktop: normal;--accent-xs-letter-spacing-desktop: 0.66px;--accent-xxs-letter-spacing-mobile: .4px;--primary-m-letter-spacing-desktop: normal;--body-m-letter-spacing-desktop: normal;--accent-s-letter-spacing-mobile: .66px;--secondary-regular-m-letter-spacing-mobile: normal;--primary-xxl-letter-spacing-desktop: normal;--primary-l-letter-spacing-desktop: normal;--body-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop: normal;--basic-xs-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: normal;--secondary-m-letter-spacing-mobile: normal;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: normal;--basic-xxs-letter-spacing-mobile: normal;--body-l-letter-spacing-desktop-xl: normal;--body-xxl-letter-spacing-desktop-xl: normal;--primary-l-letter-spacing-desktop-xl: normal;--primary-xxl-letter-spacing-desktop-xl: normal;--basic-xl-letter-spacing-mobile: normal;--body-m-letter-spacing-desktop-xl: normal;--primary-m-letter-spacing-desktop-xl: normal;--accent-xs-letter-spacing-desktop-xl: 0.66px;--primary-xl-letter-spacing-desktop-xl: normal;--body-xxxl-letter-spacing-desktop-xl: normal;--body-xl-letter-spacing-desktop-xl: normal;--secondary-s-letter-spacing-desktop: normal;--secondary-xs-letter-spacing-mobile: normal;--secondary-xxs-letter-spacing-desktop: normal;--body-xs-font-weight-mobile: normal;--body-xxxs-font-weight-mobile: normal;--primary-xs-font-weight-mobile: 700;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: normal;--basic-xxl-font-weight-desktop: normal;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: normal;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: 700;--primary-s-font-weight-mobile: 700;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: normal;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 600;--secondary-xxs-font-weight-desktop-xl: normal;--secondary-xl-font-weight-desktop: normal;--secondary-regular-m-font-weight-desktop: normal;--body-xl-font-weight-mobile: normal;--secondary-xs-font-weight-desktop-xl: normal;--body-xxxl-font-weight-mobile: normal;--primary-xl-font-weight-mobile: 700;--secondary-xxl-font-weight-desktop: normal;--secondary-l-font-weight-desktop: 600;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: normal;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop: 600;--basic-s-font-weight-desktop: normal;--primary-m-font-weight-mobile: 700;--primary-xxl-font-weight-mobile: normal;--primary-l-font-weight-mobile: 700;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: normal;--basic-xxs-font-weight-desktop-xl: normal;--basic-s-font-weight-desktop-xl: normal;--secondary-m-font-weight-desktop-xl: 600;--secondary-l-font-weight-desktop-xl: 600;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: normal;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 600;--secondary-xl-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-desktop-xl: normal;--accent-s-font-weight-desktop-xl: 300;--accent-xxs-font-weight-desktop-xl: 300;--secondary-s-font-weight-mobile: 600;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: normal;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: normal;--basic-l-font-weight-desktop-xl: normal;--basic-xs-font-weight-desktop: normal;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: normal;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: 700;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: normal;--accent-m-font-weight-desktop-xl: 300;--body-xs-font-weight-desktop-xl: normal;--body-l-font-weight-desktop: normal;--body-xxxs-font-weight-desktop-xl: normal;--primary-xs-font-weight-desktop-xl: 700;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: 700;--basic-xxs-font-weight-mobile: normal;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: normal;--secondary-m-font-weight-mobile: 600;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 600;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: 700;--primary-s-font-weight-desktop-xl: 700;--body-xxs-font-weight-desktop-xl: normal;--body-s-font-weight-desktop-xl: normal;--secondary-regular-m-font-weight-mobile: normal;--secondary-xl-font-weight-mobile: normal;--accent-s-font-weight-mobile: 300;--accent-xxs-font-weight-mobile: 300;--basic-m-font-weight-mobile: normal;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: 700;--primary-xxs-font-weight-desktop: 700;--body-xl-font-weight-desktop-xl: normal;--body-xxxl-font-weight-desktop-xl: normal;--primary-xl-font-weight-desktop-xl: 700;--accent-xs-font-weight-desktop-xl: 300;--accent-regular-xxs-font-weight-mobile: 400;--accent-l-font-weight-desktop: 300;--basic-xxl-font-weight-mobile: normal;--primary-m-font-weight-desktop-xl: 700;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: normal;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: 700;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: normal;--primary-l-font-weight-desktop-xl: 700;--body-xxl-font-weight-desktop-xl: normal;--body-l-font-weight-desktop-xl: normal;--accent-xs-line-height-desktop: 24px;--body-m-line-height-desktop: 24px;--primary-m-line-height-desktop: 28px;--basic-s-line-height-desktop-xl: initial;--secondary-m-line-height-desktop-xl: 17px;--body-xxxl-line-height-desktop: initial;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: initial;--basic-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-mobile: initial;--secondary-l-line-height-desktop-xl: 35px;--secondary-xxl-line-height-desktop-xl: initial;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: initial;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 28px;--body-xxs-line-height-desktop: initial;--primary-xxs-line-height-desktop: 27px;--secondary-s-line-height-mobile: 14px;--secondary-xxs-line-height-mobile: initial;--body-s-line-height-desktop: 22px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 29px;--body-xxxs-line-height-desktop: initial;--body-xs-line-height-desktop: initial;--secondary-xs-line-height-mobile: initial;--basic-l-line-height-desktop-xl: initial;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: initial;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: initial;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: initial;--primary-xs-line-height-desktop-xl: 29px;--body-xxxs-line-height-desktop-xl: initial;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: initial;--basic-xxl-line-height-desktop: initial;--basic-m-line-height-desktop: initial;--basic-s-line-height-mobile: initial;--secondary-m-line-height-mobile: 22px;--basic-xxs-line-height-mobile: initial;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 27px;--primary-s-line-height-desktop-xl: 28px;--body-xxs-line-height-desktop-xl: initial;--body-s-line-height-desktop-xl: 22px;--secondary-l-line-height-mobile: 21px;--secondary-xxl-line-height-mobile: initial;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: initial;--secondary-xl-line-height-desktop: initial;--secondary-regular-m-line-height-mobile: 15px;--secondary-regular-m-line-height-desktop: 15px;--accent-s-line-height-mobile: 23px;--accent-xxs-line-height-mobile: 0.4px;--secondary-xxl-line-height-desktop: initial;--secondary-l-line-height-desktop: 35px;--secondary-m-line-height-desktop: 22px;--basic-s-line-height-desktop: initial;--body-xl-line-height-desktop-xl: initial;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: initial;--basic-xxs-line-height-desktop: initial;--basic-m-line-height-mobile: initial;--basic-l-line-height-mobile: initial;--primary-m-line-height-desktop-xl: 28px;--body-m-line-height-desktop-xl: 24px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: initial;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: initial;--primary-l-line-height-desktop-xl: 28px;--body-xxl-line-height-desktop-xl: initial;--body-l-line-height-desktop-xl: initial;--basic-xl-line-height-desktop: initial;--secondary-xs-line-height-desktop: initial;--body-xs-line-height-mobile: initial;--body-xxxs-line-height-mobile: initial;--primary-xs-line-height-mobile: 21px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: initial;--secondary-xxs-line-height-desktop: initial;--secondary-s-line-height-desktop: 17px;--primary-xxs-line-height-mobile: 23px;--primary-s-line-height-mobile: 34px;--body-xxs-line-height-mobile: initial;--body-s-line-height-mobile: 22px;--secondary-s-line-height-desktop-xl: 17px;--secondary-xxs-line-height-desktop-xl: initial;--basic-xs-line-height-desktop: initial;--body-xl-line-height-mobile: initial;--body-xxxl-line-height-mobile: initial;--primary-xl-line-height-mobile: 34px;--secondary-xs-line-height-desktop-xl: initial;--primary-m-line-height-mobile: 34px;--body-m-line-height-mobile: 24px;--basic-xl-line-height-desktop-xl: initial;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: initial;--body-xxl-line-height-desktop: initial;--primary-l-line-height-desktop: 28px;--primary-xxl-line-height-desktop: initial;--primary-xxl-line-height-mobile: initial;--body-xxl-line-height-mobile: initial;--primary-l-line-height-mobile: 34px;--body-l-line-height-mobile: initial;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--color-light-grey: rgb(247, 247, 247);--color-light-pink: rgb(245, 223, 221);--color-light-beige: rgb(239, 235, 220);--color-light-blue: rgb(241, 248, 252)}
|
package/build/deadline.json
CHANGED
|
@@ -513,5 +513,9 @@
|
|
|
513
513
|
"PRIMARY_L_LINE_HEIGHT_MOBILE": "34px",
|
|
514
514
|
"BODY_L_LINE_HEIGHT_MOBILE": "initial",
|
|
515
515
|
"FONT_FAMILY_ACCENT": "Verdana, serif",
|
|
516
|
-
"FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif"
|
|
516
|
+
"FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif",
|
|
517
|
+
"COLOR_LIGHT_GREY": "rgb(247, 247, 247)",
|
|
518
|
+
"COLOR_LIGHT_PINK": "rgb(245, 223, 221)",
|
|
519
|
+
"COLOR_LIGHT_BEIGE": "rgb(239, 235, 220)",
|
|
520
|
+
"COLOR_LIGHT_BLUE": "rgb(241, 248, 252)"
|
|
517
521
|
}
|
package/build/deadline.map.scss
CHANGED
|
@@ -530,4 +530,8 @@ $deadline-map: (
|
|
|
530
530
|
'body-l-line-height-mobile': (initial),
|
|
531
531
|
'font-family-accent': (Verdana, serif),
|
|
532
532
|
'font-family-accent-fancy': (Verdana, sans-serif),
|
|
533
|
+
'color-light-grey': (rgb(247, 247, 247)),
|
|
534
|
+
'color-light-pink': (rgb(245, 223, 221)),
|
|
535
|
+
'color-light-beige': (rgb(239, 235, 220)),
|
|
536
|
+
'color-light-blue': (rgb(241, 248, 252)),
|
|
533
537
|
);
|
package/build/deadline.raw.json
CHANGED
|
@@ -4199,6 +4199,34 @@
|
|
|
4199
4199
|
"category": "font-family",
|
|
4200
4200
|
"originalValue": "Verdana, sans-serif",
|
|
4201
4201
|
"name": "FONT_FAMILY_ACCENT_FANCY"
|
|
4202
|
+
},
|
|
4203
|
+
"COLOR_LIGHT_GREY": {
|
|
4204
|
+
"category": "text-color",
|
|
4205
|
+
"type": "color",
|
|
4206
|
+
"value": "rgb(247, 247, 247)",
|
|
4207
|
+
"originalValue": "rgb(247, 247, 247)",
|
|
4208
|
+
"name": "COLOR_LIGHT_GREY"
|
|
4209
|
+
},
|
|
4210
|
+
"COLOR_LIGHT_PINK": {
|
|
4211
|
+
"category": "text-color",
|
|
4212
|
+
"type": "color",
|
|
4213
|
+
"value": "rgb(245, 223, 221)",
|
|
4214
|
+
"originalValue": "rgb(245, 223, 221)",
|
|
4215
|
+
"name": "COLOR_LIGHT_PINK"
|
|
4216
|
+
},
|
|
4217
|
+
"COLOR_LIGHT_BEIGE": {
|
|
4218
|
+
"category": "text-color",
|
|
4219
|
+
"type": "color",
|
|
4220
|
+
"value": "rgb(239, 235, 220)",
|
|
4221
|
+
"originalValue": "rgb(239, 235, 220)",
|
|
4222
|
+
"name": "COLOR_LIGHT_BEIGE"
|
|
4223
|
+
},
|
|
4224
|
+
"COLOR_LIGHT_BLUE": {
|
|
4225
|
+
"category": "text-color",
|
|
4226
|
+
"type": "color",
|
|
4227
|
+
"value": "rgb(241, 248, 252)",
|
|
4228
|
+
"originalValue": "rgb(241, 248, 252)",
|
|
4229
|
+
"name": "COLOR_LIGHT_BLUE"
|
|
4202
4230
|
}
|
|
4203
4231
|
}
|
|
4204
4232
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(0, 0, 0);--border-color-grey-light: rgb(220, 220, 220);--border-color-grey-dark: rgb(90, 90, 90);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(27, 147, 157);--border-color-grey: rgb(140, 140, 140);--border-color-brand-primary-light: rgb(236, 28, 36);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(236, 28, 36);--border-color-brand-primary: rgb(27, 147, 157);--background-color-grey-light: rgb(220, 220, 220);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(0, 0, 0);--background-color-brand-secondary-light: rgb(0, 0, 0);--background-color-grey-dark: rgb(90, 90, 90);--background-color-grey: rgb(140, 140, 140);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(27, 147, 157);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(236, 28, 36);--background-color-brand-primary-dark: rgb(236, 28, 36);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(27, 147, 157);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-secondary: rgb(27, 147, 157);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(236, 28, 36);--color-brand-primary-dark: rgb(236, 28, 36);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(27, 147, 157);--color-grey-light: rgb(220, 220, 220);--color-brand-secondary-dark: rgb(0, 0, 0);--color-brand-secondary-light: rgb(0, 0, 0);--color-grey-dark: rgb(90, 90, 90);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: "DM Serif Text", Georgia, serif;--font-family-primary: "DM Serif Text", Georgia, serif;--font-family-secondary-fancy: "roboto", Helvetica, sans-serif;--font-family-secondary: "roboto", Helvetica, sans-serif;--font-family-body: Georgia, serif;--font-family-basic: "roboto", Helvetica, sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-bold: 700;--line-height-small: 1.1;--line-height-normal: 1.35;--line-height-copy: 1.5;--line-height-large: 1.85;--spacing-00: 0;--spacing-025: 0.25rem;--spacing-050: 0.5rem;--spacing-075: 0.75rem;--spacing-1: 1rem;--spacing-125: 1.25rem;--spacing-150: 1.5rem;--spacing-2: 2rem;--background-color-brand-accent: rgb(16, 16, 16);--border-color-brand-accent: rgb(16, 16, 16);--color-grey-lightest: rgb(239, 239, 239);--font-family-accent: Roboto, Helvetica, sans-serif;--color-brand-accent: rgb(16, 16, 16);--font-family-accent-fancy: "roboto", Helvetica, sans-serif}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
{
|
|
2
|
+
"BORDER_COLOR_GREY_LIGHTEST": "rgb(239, 239, 239)",
|
|
3
|
+
"BORDER_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
|
|
4
|
+
"BORDER_COLOR_GREY_LIGHT": "rgb(220, 220, 220)",
|
|
5
|
+
"BORDER_COLOR_GREY_DARK": "rgb(90, 90, 90)",
|
|
6
|
+
"BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
|
|
7
|
+
"BORDER_COLOR_BRAND_SECONDARY": "rgb(27, 147, 157)",
|
|
8
|
+
"BORDER_COLOR_GREY": "rgb(140, 140, 140)",
|
|
9
|
+
"BORDER_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
|
|
10
|
+
"BORDER_COLOR_WHITE": "rgb(255, 255, 255)",
|
|
11
|
+
"BORDER_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
|
|
12
|
+
"BORDER_COLOR_BRAND_PRIMARY": "rgb(27, 147, 157)",
|
|
13
|
+
"BACKGROUND_COLOR_GREY_LIGHT": "rgb(220, 220, 220)",
|
|
14
|
+
"BACKGROUND_COLOR_GREY_LIGHTEST": "rgb(239, 239, 239)",
|
|
15
|
+
"BACKGROUND_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
|
|
16
|
+
"BACKGROUND_COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
|
|
17
|
+
"BACKGROUND_COLOR_GREY_DARK": "rgb(90, 90, 90)",
|
|
18
|
+
"BACKGROUND_COLOR_GREY": "rgb(140, 140, 140)",
|
|
19
|
+
"BACKGROUND_COLOR_BODY": "rgb(255, 255, 255)",
|
|
20
|
+
"BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(27, 147, 157)",
|
|
21
|
+
"BACKGROUND_COLOR_BLACK": "rgb(0, 0, 0)",
|
|
22
|
+
"BACKGROUND_COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
|
|
23
|
+
"BACKGROUND_COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
|
|
24
|
+
"BACKGROUND_COLOR_WHITE": "rgb(255, 255, 255)",
|
|
25
|
+
"BACKGROUND_COLOR_BRAND_PRIMARY": "rgb(27, 147, 157)",
|
|
26
|
+
"BACKGROUND_COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
|
|
27
|
+
"COLOR_BRAND_SECONDARY": "rgb(27, 147, 157)",
|
|
28
|
+
"COLOR_BLACK": "rgb(0, 0, 0)",
|
|
29
|
+
"COLOR_BRAND_PRIMARY_LIGHT": "rgb(236, 28, 36)",
|
|
30
|
+
"COLOR_BRAND_PRIMARY_DARK": "rgb(236, 28, 36)",
|
|
31
|
+
"COLOR_WHITE": "rgb(255, 255, 255)",
|
|
32
|
+
"COLOR_BRAND_PRIMARY": "rgb(27, 147, 157)",
|
|
33
|
+
"COLOR_GREY_LIGHT": "rgb(220, 220, 220)",
|
|
34
|
+
"COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
|
|
35
|
+
"COLOR_BRAND_SECONDARY_LIGHT": "rgb(0, 0, 0)",
|
|
36
|
+
"COLOR_GREY_DARK": "rgb(90, 90, 90)",
|
|
37
|
+
"COLOR_GREY": "rgb(140, 140, 140)",
|
|
38
|
+
"FONT_FAMILY_PRIMARY_FANCY": "'DM Serif Text', Georgia, serif",
|
|
39
|
+
"FONT_FAMILY_PRIMARY": "'DM Serif Text', Georgia, serif",
|
|
40
|
+
"FONT_FAMILY_SECONDARY_FANCY": "'roboto', Helvetica, sans-serif",
|
|
41
|
+
"FONT_FAMILY_SECONDARY": "'roboto', Helvetica, sans-serif",
|
|
42
|
+
"FONT_FAMILY_BODY": "Georgia, serif",
|
|
43
|
+
"FONT_FAMILY_BASIC": "'roboto', Helvetica, sans-serif",
|
|
44
|
+
"FONT_WEIGHT_LIGHT": "300",
|
|
45
|
+
"FONT_WEIGHT_NORMAL": "400",
|
|
46
|
+
"FONT_WEIGHT_BOLD": "700",
|
|
47
|
+
"LINE_HEIGHT_SMALL": "1.1",
|
|
48
|
+
"LINE_HEIGHT_NORMAL": "1.35",
|
|
49
|
+
"LINE_HEIGHT_COPY": "1.5",
|
|
50
|
+
"LINE_HEIGHT_LARGE": "1.85",
|
|
51
|
+
"SPACING_00": "0",
|
|
52
|
+
"SPACING_025": "0.25rem",
|
|
53
|
+
"SPACING_050": "0.5rem",
|
|
54
|
+
"SPACING_075": "0.75rem",
|
|
55
|
+
"SPACING_1": "1rem",
|
|
56
|
+
"SPACING_125": "1.25rem",
|
|
57
|
+
"SPACING_150": "1.5rem",
|
|
58
|
+
"SPACING_2": "2rem",
|
|
59
|
+
"BACKGROUND_COLOR_BRAND_ACCENT": "rgb(16, 16, 16)",
|
|
60
|
+
"BORDER_COLOR_BRAND_ACCENT": "rgb(16, 16, 16)",
|
|
61
|
+
"COLOR_GREY_LIGHTEST": "rgb(239, 239, 239)",
|
|
62
|
+
"FONT_FAMILY_ACCENT": "Roboto, Helvetica, sans-serif",
|
|
63
|
+
"COLOR_BRAND_ACCENT": "rgb(16, 16, 16)",
|
|
64
|
+
"FONT_FAMILY_ACCENT_FANCY": "'roboto', Helvetica, sans-serif"
|
|
65
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
|
|
2
|
+
$vibe-2024-map: (
|
|
3
|
+
'border-color-grey-lightest': (rgb(239, 239, 239)),
|
|
4
|
+
'border-color-brand-secondary-light': (rgb(0, 0, 0)),
|
|
5
|
+
'border-color-grey-light': (rgb(220, 220, 220)),
|
|
6
|
+
'border-color-grey-dark': (rgb(90, 90, 90)),
|
|
7
|
+
'border-color-brand-secondary-dark': (rgb(0, 0, 0)),
|
|
8
|
+
'border-color-brand-secondary': (rgb(27, 147, 157)),
|
|
9
|
+
'border-color-grey': (rgb(140, 140, 140)),
|
|
10
|
+
'border-color-brand-primary-light': (rgb(236, 28, 36)),
|
|
11
|
+
'border-color-white': (rgb(255, 255, 255)),
|
|
12
|
+
'border-color-brand-primary-dark': (rgb(236, 28, 36)),
|
|
13
|
+
'border-color-brand-primary': (rgb(27, 147, 157)),
|
|
14
|
+
'background-color-grey-light': (rgb(220, 220, 220)),
|
|
15
|
+
'background-color-grey-lightest': (rgb(239, 239, 239)),
|
|
16
|
+
'background-color-brand-secondary-dark': (rgb(0, 0, 0)),
|
|
17
|
+
'background-color-brand-secondary-light': (rgb(0, 0, 0)),
|
|
18
|
+
'background-color-grey-dark': (rgb(90, 90, 90)),
|
|
19
|
+
'background-color-grey': (rgb(140, 140, 140)),
|
|
20
|
+
/* The background color of the main body of the site. */
|
|
21
|
+
'background-color-body': (rgb(255, 255, 255)),
|
|
22
|
+
'background-color-brand-secondary': (rgb(27, 147, 157)),
|
|
23
|
+
'background-color-black': (rgb(0, 0, 0)),
|
|
24
|
+
'background-color-brand-primary-light': (rgb(236, 28, 36)),
|
|
25
|
+
'background-color-brand-primary-dark': (rgb(236, 28, 36)),
|
|
26
|
+
'background-color-white': (rgb(255, 255, 255)),
|
|
27
|
+
'background-color-brand-primary': (rgb(27, 147, 157)),
|
|
28
|
+
'background-color-grey-darkest': (rgb(50, 50, 50)),
|
|
29
|
+
'color-brand-secondary': (rgb(27, 147, 157)),
|
|
30
|
+
'color-black': (rgb(0, 0, 0)),
|
|
31
|
+
'color-brand-primary-light': (rgb(236, 28, 36)),
|
|
32
|
+
'color-brand-primary-dark': (rgb(236, 28, 36)),
|
|
33
|
+
'color-white': (rgb(255, 255, 255)),
|
|
34
|
+
'color-brand-primary': (rgb(27, 147, 157)),
|
|
35
|
+
'color-grey-light': (rgb(220, 220, 220)),
|
|
36
|
+
'color-brand-secondary-dark': (rgb(0, 0, 0)),
|
|
37
|
+
'color-brand-secondary-light': (rgb(0, 0, 0)),
|
|
38
|
+
'color-grey-dark': (rgb(90, 90, 90)),
|
|
39
|
+
'color-grey': (rgb(140, 140, 140)),
|
|
40
|
+
/* The webfont, loaded async */
|
|
41
|
+
'font-family-primary-fancy': ('DM Serif Text', Georgia, serif),
|
|
42
|
+
/* The webfont, loaded async */
|
|
43
|
+
'font-family-primary': ('DM Serif Text', Georgia, serif),
|
|
44
|
+
/* The webfont, loaded async */
|
|
45
|
+
'font-family-secondary-fancy': ('roboto', Helvetica, sans-serif),
|
|
46
|
+
/* The webfont, loaded async */
|
|
47
|
+
'font-family-secondary': ('roboto', Helvetica, sans-serif),
|
|
48
|
+
'font-family-body': (Georgia, serif),
|
|
49
|
+
/* The webfont, loaded async */
|
|
50
|
+
'font-family-basic': ('roboto', Helvetica, sans-serif),
|
|
51
|
+
'font-weight-light': (300),
|
|
52
|
+
'font-weight-normal': (400),
|
|
53
|
+
'font-weight-bold': (700),
|
|
54
|
+
'line-height-small': (1.1),
|
|
55
|
+
'line-height-normal': (1.35),
|
|
56
|
+
'line-height-copy': (1.5),
|
|
57
|
+
'line-height-large': (1.85),
|
|
58
|
+
/* Used for margins and padding only. */
|
|
59
|
+
'spacing-00': (0),
|
|
60
|
+
/* Used for margins and padding only. */
|
|
61
|
+
'spacing-025': (0.25rem),
|
|
62
|
+
/* Used for margins and padding only. */
|
|
63
|
+
'spacing-050': (0.5rem),
|
|
64
|
+
/* Used for margins and padding only. */
|
|
65
|
+
'spacing-075': (0.75rem),
|
|
66
|
+
/* Used for margins and padding only. */
|
|
67
|
+
'spacing-1': (1rem),
|
|
68
|
+
/* Used for margins and padding only. */
|
|
69
|
+
'spacing-125': (1.25rem),
|
|
70
|
+
/* Used for margins and padding only. */
|
|
71
|
+
'spacing-150': (1.5rem),
|
|
72
|
+
/* Used for margins and padding only. */
|
|
73
|
+
'spacing-2': (2rem),
|
|
74
|
+
'background-color-brand-accent': (rgb(16, 16, 16)),
|
|
75
|
+
'border-color-brand-accent': (rgb(16, 16, 16)),
|
|
76
|
+
'color-grey-lightest': (rgb(239, 239, 239)),
|
|
77
|
+
/* The webfont, loaded async */
|
|
78
|
+
'font-family-accent': (Roboto, Helvetica, sans-serif),
|
|
79
|
+
'color-brand-accent': (rgb(16, 16, 16)),
|
|
80
|
+
/* The webfont, loaded async */
|
|
81
|
+
'font-family-accent-fancy': ('roboto', Helvetica, sans-serif),
|
|
82
|
+
);
|