@penskemediacorp/larva-tokens 1.66.3 → 1.68.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.
Files changed (11) hide show
  1. package/build/rollingstone-2022.custom-properties.css +1 -1
  2. package/build/rollingstone-2022.json +2 -2
  3. package/build/rollingstone-2022.map.scss +2 -2
  4. package/build/rollingstone-2022.raw.json +4 -4
  5. package/build/wwd-fn.custom-properties.css +1 -0
  6. package/build/wwd-fn.json +67 -0
  7. package/build/wwd-fn.map.scss +84 -0
  8. package/build/wwd-fn.raw.json +699 -0
  9. package/package.json +2 -2
  10. package/style-guides/rollingstone-2022.html +4 -4
  11. package/style-guides/wwd-fn.html +1215 -0
package/build/rollingstone-2022.custom-properties.css CHANGED
@@ -1 +1 @@
1
- :root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(230, 0, 25);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(230, 0, 25);--border-color-brand-primary: rgb(230, 0, 25);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(230, 0, 25);--background-color-brand-primary-dark: rgb(230, 0, 25);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(230, 0, 25);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(230, 0, 25);--color-brand-primary-dark: rgb(230, 0, 25);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(230, 0, 25);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Feature Flat Deck", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Feature Flat Deck", serif;--font-family-secondary: serif;--font-family-body: "Feature Flat Text", Helvetica, serif;--font-family-basic: 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: 20px;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: 26px;--body-xl-font-size-desktop: 22px;--primary-xxl-font-size-mobile: 30px;--primary-l-font-size-mobile: 24px;--body-xxl-font-size-mobile: 24px;--basic-s-font-size-desktop-xl: 15px;--secondary-m-font-size-desktop-xl: 26px;--basic-xxs-font-size-desktop-xl: 11px;--basic-xs-font-size-mobile: 14px;--secondary-l-font-size-desktop-xl: 33px;--secondary-xxl-font-size-desktop-xl: 40px;--body-s-font-size-desktop: 14px;--body-xxs-font-size-desktop: 13px;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: 34px;--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: 18px;--body-xxxs-font-size-desktop: 14px;--body-xs-font-size-desktop: 10px;--secondary-s-font-size-mobile: 22px;--secondary-xxs-font-size-mobile: 22px;--basic-m-font-size-desktop-xl: 16px;--secondary-xs-font-size-mobile: 20px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: 24px;--basic-l-font-size-desktop-xl: 18px;--basic-l-font-size-desktop: 18px;--basic-xxl-font-size-desktop: 24px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 18px;--basic-m-font-size-desktop: 16px;--body-xs-font-size-desktop-xl: 10px;--body-xxxs-font-size-desktop-xl: 14px;--primary-xs-font-size-desktop-xl: 18px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 15px;--secondary-m-font-size-mobile: 26px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 11px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 16px;--body-xxs-font-size-desktop-xl: 13px;--primary-s-font-size-desktop-xl: 20px;--body-s-font-size-desktop-xl: 14px;--secondary-xl-font-size-desktop: 34px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 26px;--secondary-xxl-font-size-mobile: 24px;--secondary-xl-font-size-mobile: 24px;--secondary-xxl-font-size-desktop: 40px;--secondary-l-font-size-desktop: 33px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 26px;--basic-s-font-size-desktop: 15px;--basic-xxs-font-size-desktop: 11px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 16px;--body-xl-font-size-desktop-xl: 22px;--body-xxxl-font-size-desktop-xl: 26px;--primary-xl-font-size-desktop-xl: 32px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 20px;--basic-xxl-font-size-mobile: 16px;--body-m-font-size-desktop-xl: 16px;--basic-l-font-size-mobile: 16px;--basic-xl-font-size-desktop: 21px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: 36px;--primary-l-font-size-desktop-xl: 26px;--body-xxl-font-size-desktop-xl: 24px;--body-l-font-size-desktop-xl: 20px;--body-xs-font-size-mobile: 10px;--body-xxxs-font-size-mobile: 14px;--primary-xs-font-size-mobile: 22px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 18px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: 13px;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 13px;--body-s-font-size-mobile: 14px;--basic-xs-font-size-desktop: 13px;--secondary-s-font-size-desktop-xl: 22px;--secondary-xxs-font-size-desktop-xl: 18px;--body-l-font-size-desktop: 20px;--body-xxl-font-size-desktop: 24px;--primary-l-font-size-desktop: 26px;--primary-xxl-font-size-desktop: 36px;--secondary-xs-font-size-desktop-xl: 20px;--body-xl-font-size-mobile: 22px;--body-xxxl-font-size-mobile: 26px;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: 21px;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 26px;--body-m-font-size-desktop: 16px;--body-m-font-size-mobile: 16px;--primary-m-font-size-desktop: 20px;--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: 0px;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: 0.22px;--primary-s-letter-spacing-desktop-xl: 2px;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.22px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 0px;--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: 0.5px;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 0px;--body-l-letter-spacing-mobile: 0.01px;--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: 0px;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: 0px;--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: 0.5px;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: 0.5px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: 0px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: 0px;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: 0px;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: 0.5px;--body-xxs-letter-spacing-mobile: 0.22px;--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: 0.22px;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: 0px;--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: 0.22px;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: 0.5px;--basic-xl-letter-spacing-desktop-xl: 0px;--basic-l-letter-spacing-mobile: 0px;--basic-xxl-letter-spacing-mobile: 0.5px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.5px;--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: 0px;--body-l-letter-spacing-desktop: 0.01px;--basic-xs-letter-spacing-desktop-xl: 0.22px;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: 0px;--secondary-m-letter-spacing-mobile: 0px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.22px;--body-l-letter-spacing-desktop-xl: 0.01px;--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: 0px;--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: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 800;--basic-xxl-font-weight-desktop: 800;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: 800;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 800;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 400;--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: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 800;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: 800;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 800;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: 700;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 800;--basic-xxs-font-weight-desktop-xl: 800;--basic-s-font-weight-desktop-xl: 800;--secondary-m-font-weight-desktop-xl: 400;--secondary-l-font-weight-desktop-xl: 400;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 800;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 400;--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: 400;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: 800;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: 800;--basic-l-font-weight-desktop-xl: 800;--basic-xs-font-weight-desktop: 800;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 800;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: 700;--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: bold;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 800;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 800;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: bold;--primary-s-font-weight-desktop-xl: bold;--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: 800;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--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: 800;--primary-m-font-weight-desktop-xl: bold;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 800;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: 700;--primary-l-font-weight-desktop-xl: bold;--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: 20px;--primary-m-line-height-desktop: 24px;--basic-s-line-height-desktop-xl: 15px;--secondary-m-line-height-desktop-xl: 30px;--body-xxxl-line-height-desktop: 30px;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: 26px;--basic-xxs-line-height-desktop-xl: 13px;--basic-xs-line-height-mobile: 14px;--secondary-l-line-height-desktop-xl: 37px;--secondary-xxl-line-height-desktop-xl: 42px;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: 39px;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: 15px;--primary-xxs-line-height-desktop: 20px;--secondary-s-line-height-mobile: 26px;--secondary-xxs-line-height-mobile: 26px;--body-s-line-height-desktop: 16px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: 18px;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 22px;--body-xxxs-line-height-desktop: 18px;--body-xs-line-height-desktop: 14px;--secondary-xs-line-height-mobile: 22px;--basic-l-line-height-desktop-xl: 18px;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: 24px;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 18px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: 14px;--primary-xs-line-height-desktop-xl: 22px;--body-xxxs-line-height-desktop-xl: 18px;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 18px;--basic-xxl-line-height-desktop: 24px;--basic-m-line-height-desktop: 18px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 30px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 20px;--primary-s-line-height-desktop-xl: 32px;--body-xxs-line-height-desktop-xl: 15px;--body-s-line-height-desktop-xl: 16px;--secondary-l-line-height-mobile: 32px;--secondary-xxl-line-height-mobile: 28px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 28px;--secondary-xl-line-height-desktop: 39px;--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: 42px;--secondary-l-line-height-desktop: 37px;--secondary-m-line-height-desktop: 30px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: 26px;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: 30px;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 16px;--primary-m-line-height-desktop-xl: 24px;--body-m-line-height-desktop-xl: 20px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 16px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: 40px;--primary-l-line-height-desktop-xl: 30px;--body-xxl-line-height-desktop-xl: 28px;--body-l-line-height-desktop-xl: 31px;--basic-xl-line-height-desktop: 21px;--secondary-xs-line-height-desktop: 22px;--body-xs-line-height-mobile: 14px;--body-xxxs-line-height-mobile: 18px;--primary-xs-line-height-mobile: 24px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: 13px;--secondary-xxs-line-height-desktop: 21px;--secondary-s-line-height-desktop: 26px;--primary-xxs-line-height-mobile: 20px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 15px;--body-s-line-height-mobile: 16px;--secondary-s-line-height-desktop-xl: 26px;--secondary-xxs-line-height-desktop-xl: 21px;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 26px;--body-xxxl-line-height-mobile: 30px;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: 22px;--primary-m-line-height-mobile: 29px;--body-m-line-height-mobile: 20px;--basic-xl-line-height-desktop-xl: 21px;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: 31px;--body-xxl-line-height-desktop: 28px;--primary-l-line-height-desktop: 30px;--primary-xxl-line-height-desktop: 40px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 28px;--primary-l-line-height-mobile: 28px;--body-l-line-height-mobile: 31px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--font-family-basic-fancy: "Feature Flat Text", serif;--font-family-body-fancy: "Feature Flat Text", Helvetica, serif}
1
+ :root{--border-color-grey-lightest: rgb(239, 239, 239);--border-color-brand-secondary-light: rgb(165, 133, 83);--border-color-grey-light: rgb(153, 153, 153);--border-color-grey-dark: rgb(102, 102, 102);--border-color-brand-secondary-dark: rgb(122, 89, 45);--border-color-brand-secondary: rgb(0, 0, 0);--border-color-grey: rgb(118, 118, 118);--border-color-brand-primary-light: rgb(230, 0, 25);--border-color-white: rgb(255, 255, 255);--border-color-brand-primary-dark: rgb(230, 0, 25);--border-color-brand-primary: rgb(230, 0, 25);--background-color-grey-light: rgb(153, 153, 153);--background-color-grey-lightest: rgb(239, 239, 239);--background-color-brand-secondary-dark: rgb(122, 89, 45);--background-color-brand-secondary-light: rgb(165, 133, 83);--background-color-grey-dark: rgb(102, 102, 102);--background-color-grey: rgb(118, 118, 118);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(122, 89, 45);--background-color-black: rgb(0, 0, 0);--background-color-brand-primary-light: rgb(230, 0, 25);--background-color-brand-primary-dark: rgb(230, 0, 25);--background-color-white: rgb(255, 255, 255);--background-color-brand-primary: rgb(230, 0, 25);--background-color-grey-darkest: rgb(64, 64, 64);--color-brand-secondary: rgb(122, 89, 45);--color-black: rgb(0, 0, 0);--color-brand-primary-light: rgb(230, 0, 25);--color-brand-primary-dark: rgb(230, 0, 25);--color-white: rgb(255, 255, 255);--color-brand-primary: rgb(230, 0, 25);--color-grey-light: rgb(153, 153, 153);--color-brand-secondary-dark: rgb(122, 89, 45);--color-brand-secondary-light: rgb(165, 133, 83);--color-grey-dark: rgb(102, 102, 102);--color-grey: rgb(118, 118, 118);--font-family-primary-fancy: "Feature Flat Deck", serif;--font-family-primary: serif;--font-family-secondary-fancy: "Feature Flat Deck", serif;--font-family-secondary: serif;--font-family-body: "Feature Flat Text", serif;--font-family-basic: 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: 20px;--primary-xl-font-size-desktop: 32px;--body-xxxl-font-size-desktop: 26px;--body-xl-font-size-desktop: 22px;--primary-xxl-font-size-mobile: 30px;--primary-l-font-size-mobile: 24px;--body-xxl-font-size-mobile: 24px;--basic-s-font-size-desktop-xl: 15px;--secondary-m-font-size-desktop-xl: 26px;--basic-xxs-font-size-desktop-xl: 11px;--basic-xs-font-size-mobile: 14px;--secondary-l-font-size-desktop-xl: 33px;--secondary-xxl-font-size-desktop-xl: 40px;--body-s-font-size-desktop: 14px;--body-xxs-font-size-desktop: 13px;--primary-s-font-size-desktop: 20px;--primary-xxs-font-size-desktop: 16px;--secondary-regular-m-font-size-desktop-xl: 15px;--secondary-xl-font-size-desktop-xl: 34px;--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: 18px;--body-xxxs-font-size-desktop: 14px;--body-xs-font-size-desktop: 10px;--secondary-s-font-size-mobile: 22px;--secondary-xxs-font-size-mobile: 22px;--basic-m-font-size-desktop-xl: 16px;--secondary-xs-font-size-mobile: 20px;--accent-regular-xxs-font-size-desktop-xl: 18px;--basic-xxl-font-size-desktop-xl: 24px;--basic-l-font-size-desktop-xl: 18px;--basic-l-font-size-desktop: 18px;--basic-xxl-font-size-desktop: 24px;--accent-regular-xxs-font-size-desktop: 18px;--basic-xl-font-size-mobile: 18px;--basic-m-font-size-desktop: 16px;--body-xs-font-size-desktop-xl: 10px;--body-xxxs-font-size-desktop-xl: 14px;--primary-xs-font-size-desktop-xl: 18px;--primary-xxxs-font-size-desktop-xl: 20px;--accent-m-font-size-desktop-xl: 26px;--basic-s-font-size-mobile: 15px;--secondary-m-font-size-mobile: 26px;--accent-xxs-font-size-desktop: 18px;--accent-l-font-size-desktop-xl: 58px;--basic-xxs-font-size-mobile: 11px;--accent-s-font-size-desktop: 23px;--primary-xxs-font-size-desktop-xl: 16px;--body-xxs-font-size-desktop-xl: 13px;--primary-s-font-size-desktop-xl: 20px;--body-s-font-size-desktop-xl: 14px;--secondary-xl-font-size-desktop: 34px;--secondary-regular-m-font-size-desktop: 15px;--secondary-l-font-size-mobile: 26px;--secondary-xxl-font-size-mobile: 24px;--secondary-xl-font-size-mobile: 24px;--secondary-xxl-font-size-desktop: 40px;--secondary-l-font-size-desktop: 33px;--secondary-regular-m-font-size-mobile: 15px;--accent-xxs-font-size-mobile: 14px;--secondary-m-font-size-desktop: 26px;--basic-s-font-size-desktop: 15px;--basic-xxs-font-size-desktop: 11px;--accent-s-font-size-mobile: 23px;--basic-m-font-size-mobile: 16px;--body-xl-font-size-desktop-xl: 22px;--body-xxxl-font-size-desktop-xl: 26px;--primary-xl-font-size-desktop-xl: 32px;--accent-regular-xxs-font-size-mobile: 14px;--primary-m-font-size-desktop-xl: 20px;--basic-xxl-font-size-mobile: 16px;--body-m-font-size-desktop-xl: 16px;--basic-l-font-size-mobile: 16px;--basic-xl-font-size-desktop: 21px;--accent-xs-font-size-desktop-xl: 23px;--secondary-xs-font-size-desktop: 20px;--primary-xxl-font-size-desktop-xl: 36px;--primary-l-font-size-desktop-xl: 26px;--body-xxl-font-size-desktop-xl: 24px;--body-l-font-size-desktop-xl: 20px;--body-xs-font-size-mobile: 10px;--body-xxxs-font-size-mobile: 14px;--primary-xs-font-size-mobile: 22px;--primary-xxxs-font-size-mobile: 19px;--accent-m-font-size-mobile: 26px;--secondary-xxs-font-size-desktop: 18px;--secondary-s-font-size-desktop: 22px;--basic-xs-font-size-desktop-xl: 13px;--accent-l-font-size-mobile: 40px;--primary-xxs-font-size-mobile: 16px;--primary-s-font-size-mobile: 20px;--body-xxs-font-size-mobile: 13px;--body-s-font-size-mobile: 14px;--basic-xs-font-size-desktop: 13px;--secondary-s-font-size-desktop-xl: 22px;--secondary-xxs-font-size-desktop-xl: 18px;--body-l-font-size-desktop: 20px;--body-xxl-font-size-desktop: 24px;--primary-l-font-size-desktop: 26px;--primary-xxl-font-size-desktop: 36px;--secondary-xs-font-size-desktop-xl: 20px;--body-xl-font-size-mobile: 22px;--body-xxxl-font-size-mobile: 26px;--primary-xl-font-size-mobile: 30px;--basic-xl-font-size-desktop-xl: 21px;--accent-xs-font-size-mobile: 18px;--primary-m-font-size-mobile: 26px;--body-m-font-size-desktop: 16px;--body-m-font-size-mobile: 16px;--primary-m-font-size-desktop: 20px;--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: 0px;--body-s-letter-spacing-desktop-xl: normal;--body-xxs-letter-spacing-desktop-xl: 0.22px;--primary-s-letter-spacing-desktop-xl: 2px;--primary-xxs-letter-spacing-desktop-xl: normal;--accent-l-letter-spacing-desktop-xl: 1.66px;--basic-xxs-letter-spacing-desktop: 0.22px;--basic-s-letter-spacing-desktop: normal;--basic-xs-letter-spacing-mobile: 0.22px;--secondary-m-letter-spacing-desktop: 0px;--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: 0.5px;--secondary-l-letter-spacing-desktop: 0px;--secondary-xxl-letter-spacing-desktop: normal;--secondary-xl-letter-spacing-desktop: 0px;--body-l-letter-spacing-mobile: 0.01px;--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: 0px;--accent-xxs-letter-spacing-desktop: .52px;--basic-xxl-letter-spacing-desktop-xl: 0px;--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: 0.5px;--body-xl-letter-spacing-mobile: normal;--basic-m-letter-spacing-desktop: 0.5px;--accent-regular-xxs-letter-spacing-desktop: 0.52px;--basic-xxl-letter-spacing-desktop: 0px;--accent-s-letter-spacing-desktop-xl: normal;--basic-l-letter-spacing-desktop: 0px;--accent-xxs-letter-spacing-desktop-xl: .52px;--secondary-xl-letter-spacing-desktop-xl: 0px;--secondary-regular-m-letter-spacing-desktop-xl: normal;--secondary-xxl-letter-spacing-desktop-xl: normal;--secondary-l-letter-spacing-desktop-xl: 0px;--body-s-letter-spacing-mobile: normal;--primary-s-letter-spacing-mobile: 2px;--body-xs-letter-spacing-desktop: 0.5px;--body-xxs-letter-spacing-mobile: 0.22px;--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: 0.22px;--accent-l-letter-spacing-desktop: 1.66px;--accent-l-letter-spacing-mobile: 1.14px;--secondary-m-letter-spacing-desktop-xl: 0px;--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: 0.22px;--body-xxxs-letter-spacing-mobile: normal;--primary-s-letter-spacing-desktop: 2px;--body-s-letter-spacing-desktop: normal;--body-xs-letter-spacing-mobile: 0.5px;--basic-xl-letter-spacing-desktop-xl: 0px;--basic-l-letter-spacing-mobile: 0px;--basic-xxl-letter-spacing-mobile: 0.5px;--accent-regular-xxs-letter-spacing-mobile: 0.4px;--secondary-xs-letter-spacing-desktop-xl: normal;--basic-m-letter-spacing-mobile: 0.5px;--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: 0px;--body-l-letter-spacing-desktop: 0.01px;--basic-xs-letter-spacing-desktop-xl: 0.22px;--secondary-xxl-letter-spacing-mobile: normal;--secondary-l-letter-spacing-mobile: 0px;--secondary-m-letter-spacing-mobile: 0px;--basic-s-letter-spacing-mobile: normal;--basic-xs-letter-spacing-desktop: 0.22px;--basic-xxs-letter-spacing-mobile: 0.22px;--body-l-letter-spacing-desktop-xl: 0.01px;--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: 0px;--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: bold;--primary-xxxs-font-weight-mobile: 700;--accent-m-font-weight-mobile: 300;--basic-l-font-weight-desktop: 800;--basic-xxl-font-weight-desktop: 800;--accent-regular-xxs-font-weight-desktop: 400;--basic-xs-font-weight-desktop-xl: 800;--accent-l-font-weight-mobile: 300;--primary-xxs-font-weight-mobile: bold;--primary-s-font-weight-mobile: bold;--body-xxs-font-weight-mobile: normal;--body-s-font-weight-mobile: normal;--basic-m-font-weight-desktop: 800;--accent-xxs-font-weight-desktop: 300;--accent-s-font-weight-desktop: 300;--secondary-s-font-weight-desktop-xl: 400;--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: 400;--body-m-font-weight-mobile: normal;--basic-xxs-font-weight-desktop: 800;--accent-xs-font-weight-mobile: 300;--basic-xl-font-weight-desktop-xl: 800;--secondary-m-font-weight-desktop: 400;--basic-s-font-weight-desktop: 800;--primary-m-font-weight-mobile: bold;--primary-xxl-font-weight-mobile: 700;--primary-l-font-weight-mobile: bold;--body-xxl-font-weight-mobile: normal;--body-l-font-weight-mobile: normal;--basic-xl-font-weight-desktop: 800;--basic-xxs-font-weight-desktop-xl: 800;--basic-s-font-weight-desktop-xl: 800;--secondary-m-font-weight-desktop-xl: 400;--secondary-l-font-weight-desktop-xl: 400;--secondary-xxl-font-weight-desktop-xl: normal;--basic-xs-font-weight-mobile: 800;--secondary-xs-font-weight-desktop: normal;--secondary-xxs-font-weight-desktop: normal;--secondary-s-font-weight-desktop: 400;--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: 400;--secondary-xxs-font-weight-mobile: normal;--basic-m-font-weight-desktop-xl: 800;--accent-regular-xxs-font-weight-desktop-xl: 400;--basic-xxl-font-weight-desktop-xl: 800;--basic-l-font-weight-desktop-xl: 800;--basic-xs-font-weight-desktop: 800;--secondary-xs-font-weight-mobile: normal;--basic-xl-font-weight-mobile: 800;--body-xxl-font-weight-desktop: normal;--primary-l-font-weight-desktop: bold;--primary-xxxs-font-weight-desktop-xl: 700;--primary-xxl-font-weight-desktop: 700;--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: bold;--body-m-font-weight-desktop: normal;--accent-l-font-weight-desktop-xl: 300;--primary-m-font-weight-desktop: bold;--basic-xxs-font-weight-mobile: 800;--accent-xs-font-weight-desktop: 300;--basic-s-font-weight-mobile: 800;--secondary-m-font-weight-mobile: 400;--primary-xl-font-weight-desktop: 700;--body-xxxl-font-weight-desktop: normal;--body-xl-font-weight-desktop: normal;--secondary-l-font-weight-mobile: 400;--secondary-xxl-font-weight-mobile: normal;--primary-xxs-font-weight-desktop-xl: bold;--primary-s-font-weight-desktop-xl: bold;--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: 800;--body-s-font-weight-desktop: normal;--body-xxs-font-weight-desktop: normal;--primary-s-font-weight-desktop: bold;--primary-xxs-font-weight-desktop: bold;--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: 800;--primary-m-font-weight-desktop-xl: bold;--body-m-font-weight-desktop-xl: normal;--basic-l-font-weight-mobile: 800;--accent-m-font-weight-desktop: 300;--primary-xxxs-font-weight-desktop: 700;--body-xxxs-font-weight-desktop: normal;--primary-xs-font-weight-desktop: bold;--body-xs-font-weight-desktop: normal;--primary-xxl-font-weight-desktop-xl: 700;--primary-l-font-weight-desktop-xl: bold;--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: 20px;--primary-m-line-height-desktop: 24px;--basic-s-line-height-desktop-xl: 15px;--secondary-m-line-height-desktop-xl: 30px;--body-xxxl-line-height-desktop: 30px;--primary-xl-line-height-desktop: 34px;--body-xl-line-height-desktop: 26px;--basic-xxs-line-height-desktop-xl: 13px;--basic-xs-line-height-mobile: 14px;--secondary-l-line-height-desktop-xl: 37px;--secondary-xxl-line-height-desktop-xl: 42px;--secondary-regular-m-line-height-desktop-xl: 15px;--secondary-xl-line-height-desktop-xl: 39px;--accent-xxs-line-height-desktop-xl: 18px;--accent-s-line-height-desktop-xl: 23px;--primary-s-line-height-desktop: 32px;--body-xxs-line-height-desktop: 15px;--primary-xxs-line-height-desktop: 20px;--secondary-s-line-height-mobile: 26px;--secondary-xxs-line-height-mobile: 26px;--body-s-line-height-desktop: 16px;--accent-l-line-height-desktop: 50px;--basic-m-line-height-desktop-xl: 18px;--primary-xxxs-line-height-desktop: 23px;--primary-xs-line-height-desktop: 22px;--body-xxxs-line-height-desktop: 18px;--body-xs-line-height-desktop: 14px;--secondary-xs-line-height-mobile: 22px;--basic-l-line-height-desktop-xl: 18px;--accent-regular-xxs-line-height-desktop-xl: 26px;--basic-xxl-line-height-desktop-xl: 24px;--accent-m-line-height-desktop: 26px;--basic-xl-line-height-mobile: 18px;--accent-regular-xxs-line-height-desktop: 26px;--body-xs-line-height-desktop-xl: 14px;--primary-xs-line-height-desktop-xl: 22px;--body-xxxs-line-height-desktop-xl: 18px;--primary-xxxs-line-height-desktop-xl: 23px;--accent-m-line-height-desktop-xl: 26px;--basic-l-line-height-desktop: 18px;--basic-xxl-line-height-desktop: 24px;--basic-m-line-height-desktop: 18px;--basic-s-line-height-mobile: 15px;--secondary-m-line-height-mobile: 30px;--basic-xxs-line-height-mobile: 13px;--accent-l-line-height-desktop-xl: 50px;--primary-xxs-line-height-desktop-xl: 20px;--primary-s-line-height-desktop-xl: 32px;--body-xxs-line-height-desktop-xl: 15px;--body-s-line-height-desktop-xl: 16px;--secondary-l-line-height-mobile: 32px;--secondary-xxl-line-height-mobile: 28px;--accent-s-line-height-desktop: 23px;--accent-xxs-line-height-desktop: 18px;--secondary-xl-line-height-mobile: 28px;--secondary-xl-line-height-desktop: 39px;--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: 42px;--secondary-l-line-height-desktop: 37px;--secondary-m-line-height-desktop: 30px;--basic-s-line-height-desktop: 15px;--body-xl-line-height-desktop-xl: 26px;--primary-xl-line-height-desktop-xl: 34px;--body-xxxl-line-height-desktop-xl: 30px;--basic-xxs-line-height-desktop: 13px;--basic-m-line-height-mobile: 18px;--basic-l-line-height-mobile: 16px;--primary-m-line-height-desktop-xl: 24px;--body-m-line-height-desktop-xl: 20px;--accent-regular-xxs-line-height-mobile: 14px;--basic-xxl-line-height-mobile: 16px;--accent-xs-line-height-desktop-xl: 24px;--primary-xxl-line-height-desktop-xl: 40px;--primary-l-line-height-desktop-xl: 30px;--body-xxl-line-height-desktop-xl: 28px;--body-l-line-height-desktop-xl: 31px;--basic-xl-line-height-desktop: 21px;--secondary-xs-line-height-desktop: 22px;--body-xs-line-height-mobile: 14px;--body-xxxs-line-height-mobile: 18px;--primary-xs-line-height-mobile: 24px;--primary-xxxs-line-height-mobile: 21px;--accent-m-line-height-mobile: 26px;--accent-l-line-height-mobile: 36px;--basic-xs-line-height-desktop-xl: 13px;--secondary-xxs-line-height-desktop: 21px;--secondary-s-line-height-desktop: 26px;--primary-xxs-line-height-mobile: 20px;--primary-s-line-height-mobile: 32px;--body-xxs-line-height-mobile: 15px;--body-s-line-height-mobile: 16px;--secondary-s-line-height-desktop-xl: 26px;--secondary-xxs-line-height-desktop-xl: 21px;--basic-xs-line-height-desktop: 13px;--body-xl-line-height-mobile: 26px;--body-xxxl-line-height-mobile: 30px;--primary-xl-line-height-mobile: 32px;--secondary-xs-line-height-desktop-xl: 22px;--primary-m-line-height-mobile: 29px;--body-m-line-height-mobile: 20px;--basic-xl-line-height-desktop-xl: 21px;--accent-xs-line-height-mobile: 19px;--body-l-line-height-desktop: 31px;--body-xxl-line-height-desktop: 28px;--primary-l-line-height-desktop: 30px;--primary-xxl-line-height-desktop: 40px;--primary-xxl-line-height-mobile: 33px;--body-xxl-line-height-mobile: 28px;--primary-l-line-height-mobile: 28px;--body-l-line-height-mobile: 31px;--font-family-accent: Verdana, serif;--font-family-accent-fancy: Verdana, sans-serif;--font-family-basic-fancy: "Feature Flat Text", serif;--font-family-body-fancy: "Feature Flat Text", serif}
package/build/rollingstone-2022.json CHANGED
@@ -39,7 +39,7 @@
39
39
  "FONT_FAMILY_PRIMARY": "serif",
40
40
  "FONT_FAMILY_SECONDARY_FANCY": "'Feature Flat Deck', serif",
41
41
  "FONT_FAMILY_SECONDARY": "serif",
42
- "FONT_FAMILY_BODY": "'Feature Flat Text', Helvetica, serif",
42
+ "FONT_FAMILY_BODY": "'Feature Flat Text', serif",
43
43
  "FONT_FAMILY_BASIC": "serif",
44
44
  "FONT_WEIGHT_LIGHT": "300",
45
45
  "FONT_WEIGHT_NORMAL": "400",
@@ -515,5 +515,5 @@
515
515
  "FONT_FAMILY_ACCENT": "Verdana, serif",
516
516
  "FONT_FAMILY_ACCENT_FANCY": "Verdana, sans-serif",
517
517
  "FONT_FAMILY_BASIC_FANCY": "'Feature Flat Text', serif",
518
- "FONT_FAMILY_BODY_FANCY": "'Feature Flat Text', Helvetica, serif"
518
+ "FONT_FAMILY_BODY_FANCY": "'Feature Flat Text', serif"
519
519
  }
package/build/rollingstone-2022.map.scss CHANGED
@@ -46,7 +46,7 @@ $rollingstone-2022-map: (
46
46
  'font-family-secondary-fancy': ('Feature Flat Deck', serif),
47
47
  /* Fallback for secondary-fancy */
48
48
  'font-family-secondary': (serif),
49
- 'font-family-body': ('Feature Flat Text', Helvetica, serif),
49
+ 'font-family-body': ('Feature Flat Text', serif),
50
50
  'font-family-basic': (serif),
51
51
  'font-weight-light': (300),
52
52
  'font-weight-normal': (400),
@@ -530,5 +530,5 @@ $rollingstone-2022-map: (
530
530
  'font-family-accent': (Verdana, serif),
531
531
  'font-family-accent-fancy': (Verdana, sans-serif),
532
532
  'font-family-basic-fancy': ('Feature Flat Text', serif),
533
- 'font-family-body-fancy': ('Feature Flat Text', Helvetica, serif),
533
+ 'font-family-body-fancy': ('Feature Flat Text', serif),
534
534
  );
package/build/rollingstone-2022.raw.json CHANGED
@@ -512,9 +512,9 @@
512
512
  },
513
513
  "FONT_FAMILY_BODY": {
514
514
  "category": "font-family",
515
- "value": "'Feature Flat Text', Helvetica, serif",
515
+ "value": "'Feature Flat Text', serif",
516
516
  "type": "font",
517
- "originalValue": "'Feature Flat Text', Helvetica, serif",
517
+ "originalValue": "'Feature Flat Text', serif",
518
518
  "name": "FONT_FAMILY_BODY"
519
519
  },
520
520
  "FONT_FAMILY_BASIC": {
@@ -4022,9 +4022,9 @@
4022
4022
  },
4023
4023
  "FONT_FAMILY_BODY_FANCY": {
4024
4024
  "category": "font-family",
4025
- "value": "'Feature Flat Text', Helvetica, serif",
4025
+ "value": "'Feature Flat Text', serif",
4026
4026
  "type": "font",
4027
- "originalValue": "'Feature Flat Text', Helvetica, serif",
4027
+ "originalValue": "'Feature Flat Text', serif",
4028
4028
  "name": "FONT_FAMILY_BODY_FANCY"
4029
4029
  }
4030
4030
  }
package/build/wwd-fn.custom-properties.css ADDED
@@ -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(72, 61, 50);--border-color-brand-secondary-dark: rgb(0, 0, 0);--border-color-brand-secondary: rgb(0, 0, 0);--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(217, 33, 40);--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(72, 61, 50);--background-color-grey: rgb(140, 140, 140);--background-color-body: rgb(255, 255, 255);--background-color-brand-secondary: rgb(0, 0, 0);--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(217, 33, 40);--background-color-grey-darkest: rgb(50, 50, 50);--color-brand-secondary: rgb(0, 0, 0);--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(217, 33, 40);--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(72, 61, 50);--color-grey: rgb(140, 140, 140);--font-family-primary-fancy: "Ivar Headline", Times New Roman, sans-serif;--font-family-primary: "Times New Roman", serif;--font-family-secondary-fancy: "Libre Franklin", Arial, sans-serif;--font-family-secondary: Arial, serif;--font-family-body: "Ivar Text Regular", Arial, sans-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;--color-grey-darkest: rgb(50, 50, 50);--background-color-brand-accent: rgb(224, 215, 194);--border-color-brand-accent: rgb(224, 215, 194);--color-grey-lightest: rgb(239, 239, 239);--font-family-accent: "EngraversGothic Bold", Helvetica, serif;--color-brand-accent: rgb(224, 215, 194);--border-color-grey-darkest: rgb(50, 50, 50);--font-family-accent-fancy: "EngraversGothic Regular", Helvetica, sans-serif}
package/build/wwd-fn.json ADDED
@@ -0,0 +1,67 @@
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(72, 61, 50)",
6
+ "BORDER_COLOR_BRAND_SECONDARY_DARK": "rgb(0, 0, 0)",
7
+ "BORDER_COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
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(217, 33, 40)",
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(72, 61, 50)",
18
+ "BACKGROUND_COLOR_GREY": "rgb(140, 140, 140)",
19
+ "BACKGROUND_COLOR_BODY": "rgb(255, 255, 255)",
20
+ "BACKGROUND_COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
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(217, 33, 40)",
26
+ "BACKGROUND_COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
27
+ "COLOR_BRAND_SECONDARY": "rgb(0, 0, 0)",
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(217, 33, 40)",
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(72, 61, 50)",
37
+ "COLOR_GREY": "rgb(140, 140, 140)",
38
+ "FONT_FAMILY_PRIMARY_FANCY": "'Ivar Headline', Times New Roman, sans-serif",
39
+ "FONT_FAMILY_PRIMARY": "'Times New Roman', serif",
40
+ "FONT_FAMILY_SECONDARY_FANCY": "'Libre Franklin', Arial, sans-serif",
41
+ "FONT_FAMILY_SECONDARY": "Arial, serif",
42
+ "FONT_FAMILY_BODY": "'Ivar Text Regular', Arial, sans-serif",
43
+ "FONT_FAMILY_BASIC": "Arial, 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
+ "COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
60
+ "BACKGROUND_COLOR_BRAND_ACCENT": "rgb(224, 215, 194)",
61
+ "BORDER_COLOR_BRAND_ACCENT": "rgb(224, 215, 194)",
62
+ "COLOR_GREY_LIGHTEST": "rgb(239, 239, 239)",
63
+ "FONT_FAMILY_ACCENT": "'EngraversGothic Bold', Helvetica, serif",
64
+ "COLOR_BRAND_ACCENT": "rgb(224, 215, 194)",
65
+ "BORDER_COLOR_GREY_DARKEST": "rgb(50, 50, 50)",
66
+ "FONT_FAMILY_ACCENT_FANCY": "'EngraversGothic Regular', Helvetica, sans-serif"
67
+ }
package/build/wwd-fn.map.scss ADDED
@@ -0,0 +1,84 @@
1
+
2
+ $wwd-fn-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(72, 61, 50)),
7
+ 'border-color-brand-secondary-dark': (rgb(0, 0, 0)),
8
+ 'border-color-brand-secondary': (rgb(0, 0, 0)),
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(217, 33, 40)),
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(72, 61, 50)),
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
+ /* The secondary brand color. This should be lighter in hue, and sufficient contrast with black text. */
23
+ 'background-color-brand-secondary': (rgb(0, 0, 0)),
24
+ 'background-color-black': (rgb(0, 0, 0)),
25
+ 'background-color-brand-primary-light': (rgb(236, 28, 36)),
26
+ 'background-color-brand-primary-dark': (rgb(236, 28, 36)),
27
+ 'background-color-white': (rgb(255, 255, 255)),
28
+ 'background-color-brand-primary': (rgb(217, 33, 40)),
29
+ 'background-color-grey-darkest': (rgb(50, 50, 50)),
30
+ 'color-brand-secondary': (rgb(0, 0, 0)),
31
+ 'color-black': (rgb(0, 0, 0)),
32
+ 'color-brand-primary-light': (rgb(236, 28, 36)),
33
+ 'color-brand-primary-dark': (rgb(236, 28, 36)),
34
+ 'color-white': (rgb(255, 255, 255)),
35
+ 'color-brand-primary': (rgb(217, 33, 40)),
36
+ 'color-grey-light': (rgb(220, 220, 220)),
37
+ 'color-brand-secondary-dark': (rgb(0, 0, 0)),
38
+ 'color-brand-secondary-light': (rgb(0, 0, 0)),
39
+ 'color-grey-dark': (rgb(72, 61, 50)),
40
+ 'color-grey': (rgb(140, 140, 140)),
41
+ /* The webfont for font-family-primary. */
42
+ 'font-family-primary-fancy': ('Ivar Headline', Times New Roman, sans-serif),
43
+ /* The fallback font for font-family-primary. */
44
+ 'font-family-primary': ('Times New Roman', serif),
45
+ /* Available via Typekit. */
46
+ 'font-family-secondary-fancy': ('Libre Franklin', Arial, sans-serif),
47
+ /* Fallback from secondary-fancy */
48
+ 'font-family-secondary': (Arial, serif),
49
+ 'font-family-body': ('Ivar Text Regular', Arial, sans-serif),
50
+ 'font-family-basic': (Arial, 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
+ 'color-grey-darkest': (rgb(50, 50, 50)),
75
+ 'background-color-brand-accent': (rgb(224, 215, 194)),
76
+ 'border-color-brand-accent': (rgb(224, 215, 194)),
77
+ 'color-grey-lightest': (rgb(239, 239, 239)),
78
+ /* Fallback from secondary-fancy */
79
+ 'font-family-accent': ('EngraversGothic Bold', Helvetica, serif),
80
+ 'color-brand-accent': (rgb(224, 215, 194)),
81
+ 'border-color-grey-darkest': (rgb(50, 50, 50)),
82
+ /* Available via Typekit. */
83
+ 'font-family-accent-fancy': ('EngraversGothic Regular', Helvetica, sans-serif),
84
+ );