💄 Add css global variables
This commit is contained in:
parent
28f6d16086
commit
ac7b70200b
577
output/variables.css
Normal file
577
output/variables.css
Normal file
|
@ -0,0 +1,577 @@
|
||||||
|
:root {
|
||||||
|
--major-blue-france: #000091;
|
||||||
|
--minor-blue-france: #6a6af4;
|
||||||
|
--decorative-blue-france: #ececfe;
|
||||||
|
--minor-red-marianne: #e1000f;
|
||||||
|
--background-default-grey: white;
|
||||||
|
--background-default-grey-hover: #f6f6f6;
|
||||||
|
--background-default-grey-active: #ededed;
|
||||||
|
--background-alt-grey: #f6f6f6;
|
||||||
|
--background-alt-grey-hover: #dfdfdf;
|
||||||
|
--background-alt-grey-active: #cfcfcf;
|
||||||
|
--background-alt-blue-france: #f5f5fe;
|
||||||
|
--background-contrast-grey: #eeeeee;
|
||||||
|
--background-action-high-blue-france: #000091;
|
||||||
|
--background-action-high-blue-france-hover: #1212ff;
|
||||||
|
--background-action-high-blue-france-active: #2323ff;
|
||||||
|
--background-action-low-blue-france: #e3e3fd;
|
||||||
|
--background-action-low-blue-france-hover: #c1c1fb;
|
||||||
|
--background-action-low-blue-france-active: #adadf9;
|
||||||
|
--background-active-blue-france: #000091;
|
||||||
|
--background-open-blue-france: #e3e3fd;
|
||||||
|
--background-open-blue-france-hover: #c1c1fb;
|
||||||
|
--background-open-blue-france-active: #adadf9;
|
||||||
|
--background-flat-success: #18753c;
|
||||||
|
--background-flat-error: #ce0500;
|
||||||
|
--background-flat-warning: #b34000;
|
||||||
|
--background-flat-info: #0063cb;
|
||||||
|
--background-action-high-success: #18753c;
|
||||||
|
--background-action-high-error: #ce0500;
|
||||||
|
--background-action-high-warning: #b34000;
|
||||||
|
--background-action-high-info: #0063cb;
|
||||||
|
--background-contrast-success: #b8fec9;
|
||||||
|
--background-contrast-error: #ffe9e9;
|
||||||
|
--background-contrast-warning: #ffe9e6;
|
||||||
|
--background-contrast-info: #e8edff;
|
||||||
|
--background-disabled-grey: #e5e5e5;
|
||||||
|
--background-overlay-grey: rgba(22, 22, 22, 0.6392156863);
|
||||||
|
--background-transparent: rgba(0, 0, 0, 0);
|
||||||
|
--background-transparent-hover: rgba(0, 0, 0, 0.0392156863);
|
||||||
|
--background-transparent-active: rgba(0, 0, 0, 0.0784313725);
|
||||||
|
--background-contrast-blue-france: #ececfe;
|
||||||
|
--background-raised-grey: white;
|
||||||
|
--background-overlap-grey: white;
|
||||||
|
--background-contrast-raised-grey: #eeeeee;
|
||||||
|
--background-contrast-overlap-grey: #eeeeee;
|
||||||
|
--background-lifted-grey: white;
|
||||||
|
--background-alt-raised-grey: #f6f6f6;
|
||||||
|
--background-alt-overlap-grey: #f6f6f6;
|
||||||
|
--border-default-grey: #dddddd;
|
||||||
|
--border-contrast-grey: #929292;
|
||||||
|
--border-default-blue-france: #6a6af4;
|
||||||
|
--border-action-high-blue-france: #000091;
|
||||||
|
--border-action-high-grey: #161616;
|
||||||
|
--border-active-blue-france: #000091;
|
||||||
|
--border-open-blue-france: #e3e3fd;
|
||||||
|
--border-disabled-grey: #e5e5e5;
|
||||||
|
--border-plain-blue-france: #000091;
|
||||||
|
--border-plain-grey: #3a3a3a;
|
||||||
|
--border-plain-success: #18753c;
|
||||||
|
--border-plain-error: #ce0500;
|
||||||
|
--border-plain-warning: #b34000;
|
||||||
|
--border-plain-info: #0063cb;
|
||||||
|
--border-action-low-blue-france: #cacafb;
|
||||||
|
--text-title-grey: #161616;
|
||||||
|
--text-title-blue-france: #000091;
|
||||||
|
--text-default-grey: #3a3a3a;
|
||||||
|
--text-mention-grey: #666666;
|
||||||
|
--text-label-grey: #161616;
|
||||||
|
--text-action-high-blue-france: #000091;
|
||||||
|
--text-action-high-grey: #161616;
|
||||||
|
--text-action-high-info: #0063cb;
|
||||||
|
--text-action-high-warning: #b34000;
|
||||||
|
--text-action-high-error: #ce0500;
|
||||||
|
--text-inverted-grey: white;
|
||||||
|
--text-inverted-blue-france: #f5f5fe;
|
||||||
|
--text-active-blue-france: #000091;
|
||||||
|
--text-active-grey: #161616;
|
||||||
|
--text-disabled-grey: #929292;
|
||||||
|
--text-default-success: #18753c;
|
||||||
|
--text-default-error: #ce0500;
|
||||||
|
--text-default-warning: #b34000;
|
||||||
|
--text-default-info: #0063cb;
|
||||||
|
--illustration-color-850-glycine-default: #fbb8f6;
|
||||||
|
--illustration-color-850-glycine-hover: #f983f1;
|
||||||
|
--illustration-color-850-glycine-active: #f767ef;
|
||||||
|
--illustration-color-850-tournesol-default: #efcb3a;
|
||||||
|
--illustration-color-850-tournesol-hover: #c1a42d;
|
||||||
|
--illustration-color-850-tournesol-active: #a88e26;
|
||||||
|
--illustration-color-950-glycine-default: #fee7fc;
|
||||||
|
--illustration-color-950-glycine-hover: #fdc0f8;
|
||||||
|
--illustration-color-950-glycine-active: #fca8f6;
|
||||||
|
--illustration-color-950-tournesol-default: #feecc2;
|
||||||
|
--illustration-color-950-tournesol-hover: #fbd335;
|
||||||
|
--illustration-color-950-tournesol-active: #e6c130;
|
||||||
|
--illustration-color-sun-glycine-default: #6e445a;
|
||||||
|
--illustration-color-sun-glycine-hover: #a66989;
|
||||||
|
--illustration-color-sun-glycine-active: #bb7f9e;
|
||||||
|
--illustration-color-sun-tournesol-default: #716043;
|
||||||
|
--illustration-color-sun-tournesol-hover: #a28a62;
|
||||||
|
--illustration-color-sun-tournesol-active: #ba9f72;
|
||||||
|
--primary-color-sun-blue-france-default: #000091;
|
||||||
|
--primary-color-sun-blue-france-hover: #1212ff;
|
||||||
|
--primary-color-sun-blue-france-active: #2323ff;
|
||||||
|
--primary-color-113-blue-france-default: #000091;
|
||||||
|
--primary-color-113-blue-france-hover: #1212ff;
|
||||||
|
--primary-color-113-blue-france-active: #2323ff;
|
||||||
|
--primary-color-425-red-marianne-default: #c9191e;
|
||||||
|
--primary-color-425-red-marianne-hover: #f93f42;
|
||||||
|
--primary-color-425-red-marianne-active: #f95a5c;
|
||||||
|
--primary-color-850-blue-france-default: #cacafb;
|
||||||
|
--primary-color-850-blue-france-hover: #a1a1f8;
|
||||||
|
--primary-color-850-blue-france-active: #8b8bf6;
|
||||||
|
--primary-color-850-red-marianne-default: #fcbfbf;
|
||||||
|
--primary-color-850-red-marianne-hover: #fb8f8f;
|
||||||
|
--primary-color-850-red-marianne-active: #fa7474;
|
||||||
|
--primary-color-950-blue-france-default: #ececfe;
|
||||||
|
--primary-color-950-blue-france-hover: #cecefc;
|
||||||
|
--primary-color-950-blue-france-active: #bbbbfc;
|
||||||
|
--primary-color-950-red-marianne-default: #fee9e9;
|
||||||
|
--primary-color-950-red-marianne-hover: #fdc5c5;
|
||||||
|
--primary-color-950-red-marianne-active: #fcafaf;
|
||||||
|
--primary-color-975-blue-france-default: #f5f5fe;
|
||||||
|
--primary-color-975-blue-france-hover: #dcdcfc;
|
||||||
|
--primary-color-975-blue-france-active: #cbcbfa;
|
||||||
|
--primary-color-975-red-marianne-default: #fef4f4;
|
||||||
|
--primary-color-975-red-marianne-hover: #fcd7d7;
|
||||||
|
--primary-color-975-red-marianne-active: #fac4c4;
|
||||||
|
--primary-color-main-blue-france-default: #6a6af4;
|
||||||
|
--primary-color-main-blue-france-hover: #9898f8;
|
||||||
|
--primary-color-main-blue-france-active: #aeaef9;
|
||||||
|
--primary-color-main-red-marianne-default: #e1000f;
|
||||||
|
--primary-color-main-red-marianne-hover: #ff292f;
|
||||||
|
--primary-color-main-red-marianne-active: #ff4347;
|
||||||
|
--system-color-425-success-default: #18753c;
|
||||||
|
--system-color-425-success-hover: #27a959;
|
||||||
|
--system-color-425-success-active: #2fc368;
|
||||||
|
--system-color-425-warning-default: #b34000;
|
||||||
|
--system-color-425-warning-hover: #ff6218;
|
||||||
|
--system-color-425-warning-active: #ff7a55;
|
||||||
|
--system-color-425-info-default: #0063cb;
|
||||||
|
--system-color-425-info-hover: #3b87ff;
|
||||||
|
--system-color-425-info-active: #6798ff;
|
||||||
|
--system-color-425-error-default: #ce0500;
|
||||||
|
--system-color-425-error-hover: #ff2725;
|
||||||
|
--system-color-425-error-active: #ff4140;
|
||||||
|
--system-color-950-success-default: #b8fec9;
|
||||||
|
--system-color-950-success-hover: #46fd89;
|
||||||
|
--system-color-950-success-active: #34eb7b;
|
||||||
|
--system-color-950-warning-default: #ffe9e6;
|
||||||
|
--system-color-950-warning-hover: #ffc6bd;
|
||||||
|
--system-color-950-warning-active: #ffb0a2;
|
||||||
|
--system-color-950-info-default: #e8edff;
|
||||||
|
--system-color-950-info-hover: #c2d1ff;
|
||||||
|
--system-color-950-info-active: #a9bfff;
|
||||||
|
--system-color-950-error-default: #ffe9e9;
|
||||||
|
--system-color-950-error-hover: #ffc5c5;
|
||||||
|
--system-color-950-error-active: #ffafaf;
|
||||||
|
--system-focus-default: #0a76f6;
|
||||||
|
--alternative-body-text-LG-article-text-Regular-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-LG-article-text-Regular-size: 1.25rem;
|
||||||
|
--alternative-body-text-LG-article-text-Regular-weight: 400;
|
||||||
|
--alternative-body-text-LG-article-text-Regular-line-height: 2rem;
|
||||||
|
--alternative-body-text-LG-article-text-Bold-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-LG-article-text-Bold-size: 1.25rem;
|
||||||
|
--alternative-body-text-LG-article-text-Bold-weight: 900;
|
||||||
|
--alternative-body-text-LG-article-text-Bold-line-height: 2rem;
|
||||||
|
--alternative-body-text-MD-article-text-Regular-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-MD-article-text-Regular-size: 1rem;
|
||||||
|
--alternative-body-text-MD-article-text-Regular-weight: 400;
|
||||||
|
--alternative-body-text-MD-article-text-Regular-line-height: 1.5rem;
|
||||||
|
--alternative-body-text-MD-article-text-Bold-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-MD-article-text-Bold-size: 1rem;
|
||||||
|
--alternative-body-text-MD-article-text-Bold-weight: 900;
|
||||||
|
--alternative-body-text-MD-article-text-Bold-line-height: 1.5rem;
|
||||||
|
--alternative-body-text-SM-article-text-Regular-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-SM-article-text-Regular-size: 0.875rem;
|
||||||
|
--alternative-body-text-SM-article-text-Regular-weight: 400;
|
||||||
|
--alternative-body-text-SM-article-text-Regular-line-height: 1.5rem;
|
||||||
|
--alternative-body-text-SM-article-text-Bold-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-SM-article-text-Bold-size: 0.875rem;
|
||||||
|
--alternative-body-text-SM-article-text-Bold-weight: 900;
|
||||||
|
--alternative-body-text-SM-article-text-Bold-line-height: 1.5rem;
|
||||||
|
--alternative-body-text-XS-article-text-Regular-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-XS-article-text-Regular-size: 0.75rem;
|
||||||
|
--alternative-body-text-XS-article-text-Regular-weight: 400;
|
||||||
|
--alternative-body-text-XS-article-text-Regular-line-height: 1.25rem;
|
||||||
|
--alternative-titles-XL-size: 5rem;
|
||||||
|
--alternative-titles-XL-weight: 600;
|
||||||
|
--alternative-titles-XL-line-height: 5.5rem;
|
||||||
|
--alternative-titles-LG-size: 4.5rem;
|
||||||
|
--alternative-titles-LG-weight: 400;
|
||||||
|
--alternative-titles-LG-line-height: 5rem;
|
||||||
|
--alternative-titles-MD-size: 4rem;
|
||||||
|
--alternative-titles-MD-weight: 600;
|
||||||
|
--alternative-titles-MD-line-height: 4.5rem;
|
||||||
|
--alternative-titles-SM-size: 3.5rem;
|
||||||
|
--alternative-titles-SM-weight: 600;
|
||||||
|
--alternative-titles-SM-line-height: 4rem;
|
||||||
|
--alternative-titles-XS-size: 3rem;
|
||||||
|
--alternative-titles-XS-weight: 600;
|
||||||
|
--alternative-titles-XS-line-height: 3.5rem;
|
||||||
|
--text-body-XL-chapo-Regular-size: 1.25rem;
|
||||||
|
--text-body-XL-chapo-Regular-weight: 400;
|
||||||
|
--text-body-XL-chapo-Regular-line-height: 2rem;
|
||||||
|
--text-body-XL-chapo-Bold-size: 1.25rem;
|
||||||
|
--text-body-XL-chapo-Bold-weight: 900;
|
||||||
|
--text-body-XL-chapo-Bold-line-height: 2rem;
|
||||||
|
--text-body-LG-article-text-Regular-size: 1.125rem;
|
||||||
|
--text-body-LG-article-text-Regular-weight: 400;
|
||||||
|
--text-body-LG-article-text-Regular-line-height: 1.75rem;
|
||||||
|
--text-body-LG-article-text-Medium-size: 1.125rem;
|
||||||
|
--text-body-LG-article-text-Medium-weight: 600;
|
||||||
|
--text-body-LG-article-text-Medium-line-height: 1.75rem;
|
||||||
|
--text-body-LG-article-text-Bold-size: 1.125rem;
|
||||||
|
--text-body-LG-article-text-Bold-weight: 900;
|
||||||
|
--text-body-LG-article-text-Bold-line-height: 1.75rem;
|
||||||
|
--text-body-MD-standard-text-Regular-size: 1rem;
|
||||||
|
--text-body-MD-standard-text-Regular-weight: 400;
|
||||||
|
--text-body-MD-standard-text-Regular-line-height: 1.5rem;
|
||||||
|
--text-body-MD-standard-text-Medium-size: 1rem;
|
||||||
|
--text-body-MD-standard-text-Medium-weight: 600;
|
||||||
|
--text-body-MD-standard-text-Medium-line-height: 1.5rem;
|
||||||
|
--text-body-MD-standard-text-Bold-size: 1rem;
|
||||||
|
--text-body-MD-standard-text-Bold-weight: 900;
|
||||||
|
--text-body-MD-standard-text-Bold-line-height: 1.5rem;
|
||||||
|
--text-body-MD-standard-text-Italic-size: 1rem;
|
||||||
|
--text-body-MD-standard-text-Italic-weight: 400;
|
||||||
|
--text-body-MD-standard-text-Italic-style: italic;
|
||||||
|
--text-body-MD-standard-text-Italic-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Regular-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Regular-weight: 400;
|
||||||
|
--text-body-SM-detail-text-Regular-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Medium-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Medium-weight: 600;
|
||||||
|
--text-body-SM-detail-text-Medium-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Bold-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Bold-weight: 900;
|
||||||
|
--text-body-SM-detail-text-Bold-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Italic-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Italic-weight: 400;
|
||||||
|
--text-body-SM-detail-text-Italic-style: italic;
|
||||||
|
--text-body-SM-detail-text-Italic-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Maj-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Maj-weight: 600;
|
||||||
|
--text-body-SM-detail-text-Maj-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Maj-text-transform: uppercase;
|
||||||
|
--text-body-XS-mention-text-Regular-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Regular-weight: 400;
|
||||||
|
--text-body-XS-mention-text-Regular-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Medium-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Medium-weight: 600;
|
||||||
|
--text-body-XS-mention-text-Medium-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Bold-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Bold-weight: 900;
|
||||||
|
--text-body-XS-mention-text-Bold-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Italic-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Italic-weight: 400;
|
||||||
|
--text-body-XS-mention-text-Italic-style: italic;
|
||||||
|
--text-body-XS-mention-text-Italic-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Maj-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Maj-weight: 600;
|
||||||
|
--text-body-XS-mention-text-Maj-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Underlined-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Underlined-weight: 600;
|
||||||
|
--text-body-XS-mention-text-Underlined-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Underlined-text-decoration: underline;
|
||||||
|
--titles-H1-XL-size: 2.5rem;
|
||||||
|
--titles-H1-XL-weight: 600;
|
||||||
|
--titles-H1-XL-line-height: 3rem;
|
||||||
|
--titles-H2-LG-size: 2rem;
|
||||||
|
--titles-H2-LG-weight: 600;
|
||||||
|
--titles-H2-LG-line-height: 2.5rem;
|
||||||
|
--titles-H3-MD-size: 1.75rem;
|
||||||
|
--titles-H3-MD-weight: 600;
|
||||||
|
--titles-H3-MD-line-height: 2.25rem;
|
||||||
|
--titles-H4-SM-size: 1.5rem;
|
||||||
|
--titles-H4-SM-weight: 600;
|
||||||
|
--titles-H4-SM-line-height: 2rem;
|
||||||
|
--titles-H5-XS-size: 1.375rem;
|
||||||
|
--titles-H5-XS-weight: 600;
|
||||||
|
--titles-H5-XS-line-height: 1.75rem;
|
||||||
|
--titles-H6-XXS-size: 1.25rem;
|
||||||
|
--titles-H6-XXS-weight: 600;
|
||||||
|
--titles-H6-XXS-line-height: 1.75rem;
|
||||||
|
--font-family-primary: Arial, sans-serif;
|
||||||
|
--font-family-alt: georgia, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root[data-theme=dark] {
|
||||||
|
--major-blue-france: #8585f6;
|
||||||
|
--minor-blue-france: #6a6af4;
|
||||||
|
--decorative-blue-france: #21213f;
|
||||||
|
--minor-red-marianne: #e1000f;
|
||||||
|
--background-default-grey: #161616;
|
||||||
|
--background-default-grey-hover: #343434;
|
||||||
|
--background-default-grey-active: #474747;
|
||||||
|
--background-alt-grey: #1e1e1e;
|
||||||
|
--background-alt-grey-hover: #3f3f3f;
|
||||||
|
--background-alt-grey-active: #525252;
|
||||||
|
--background-alt-blue-france: #1b1b35;
|
||||||
|
--background-contrast-grey: #242424;
|
||||||
|
--background-action-high-blue-france: #8585f6;
|
||||||
|
--background-action-high-blue-france-hover: #b1b1f9;
|
||||||
|
--background-action-high-blue-france-active: #c6c6fb;
|
||||||
|
--background-action-low-blue-france: #272747;
|
||||||
|
--background-action-low-blue-france-hover: #4a4a7d;
|
||||||
|
--background-action-low-blue-france-active: #5e5e90;
|
||||||
|
--background-active-blue-france: #8585f6;
|
||||||
|
--background-open-blue-france: #272747;
|
||||||
|
--background-open-blue-france-hover: #4a4a7d;
|
||||||
|
--background-open-blue-france-active: #5e5e90;
|
||||||
|
--background-flat-success: #27a658;
|
||||||
|
--background-flat-error: #ff5655;
|
||||||
|
--background-flat-warning: #fc5d00;
|
||||||
|
--background-flat-info: #518fff;
|
||||||
|
--background-action-high-success: #27a658;
|
||||||
|
--background-action-high-error: #ff5655;
|
||||||
|
--background-action-high-warning: #fc5d00;
|
||||||
|
--background-action-high-info: #518fff;
|
||||||
|
--background-contrast-success: #19271d;
|
||||||
|
--background-contrast-error: #391c1c;
|
||||||
|
--background-contrast-warning: #361e19;
|
||||||
|
--background-contrast-info: #1d2437;
|
||||||
|
--background-disabled-grey: #2a2a2a;
|
||||||
|
--background-overlay-grey: rgba(22, 22, 22, 0.6392156863);
|
||||||
|
--background-transparent: rgba(255, 255, 255, 0);
|
||||||
|
--background-transparent-hover: rgba(255, 255, 255, 0.0784313725);
|
||||||
|
--background-transparent-active: rgba(255, 255, 255, 0.1607843137);
|
||||||
|
--background-contrast-blue-france: #21213f;
|
||||||
|
--background-raised-grey: #1e1e1e;
|
||||||
|
--background-overlap-grey: #242424;
|
||||||
|
--background-contrast-raised-grey: #2a2a2a;
|
||||||
|
--background-contrast-overlap-grey: #2f2f2f;
|
||||||
|
--background-lifted-grey: #1e1e1e;
|
||||||
|
--background-alt-raised-grey: #2a2a2a;
|
||||||
|
--background-alt-overlap-grey: #2f2f2f;
|
||||||
|
--border-default-grey: #353535;
|
||||||
|
--border-contrast-grey: #666666;
|
||||||
|
--border-default-blue-france: #6a6af4;
|
||||||
|
--border-action-high-blue-france: #8585f6;
|
||||||
|
--border-action-high-grey: white;
|
||||||
|
--border-active-blue-france: #8585f6;
|
||||||
|
--border-open-blue-france: #272747;
|
||||||
|
--border-disabled-grey: #2a2a2a;
|
||||||
|
--border-plain-blue-france: #8585f6;
|
||||||
|
--border-plain-grey: #cecece;
|
||||||
|
--border-plain-success: #27a658;
|
||||||
|
--border-plain-error: #ff5655;
|
||||||
|
--border-plain-warning: #fc5d00;
|
||||||
|
--border-plain-info: #518fff;
|
||||||
|
--border-action-low-blue-france: #313178;
|
||||||
|
--text-title-grey: white;
|
||||||
|
--text-title-blue-france: #8585f6;
|
||||||
|
--text-default-grey: #cecece;
|
||||||
|
--text-mention-grey: #929292;
|
||||||
|
--text-label-grey: white;
|
||||||
|
--text-action-high-blue-france: #8585f6;
|
||||||
|
--text-action-high-grey: white;
|
||||||
|
--text-action-high-info: #518fff;
|
||||||
|
--text-action-high-warning: #fc5d00;
|
||||||
|
--text-action-high-error: #ff5655;
|
||||||
|
--text-inverted-grey: #161616;
|
||||||
|
--text-inverted-blue-france: #000091;
|
||||||
|
--text-active-blue-france: #8585f6;
|
||||||
|
--text-active-grey: white;
|
||||||
|
--text-disabled-grey: #666666;
|
||||||
|
--text-default-success: #27a658;
|
||||||
|
--text-default-error: #ff5655;
|
||||||
|
--text-default-warning: #fc5d00;
|
||||||
|
--text-default-info: #518fff;
|
||||||
|
--illustration-color-850-glycine-default: #502e4d;
|
||||||
|
--illustration-color-850-glycine-hover: #855080;
|
||||||
|
--illustration-color-850-glycine-active: #a1629c;
|
||||||
|
--illustration-color-850-tournesol-default: #43391a;
|
||||||
|
--illustration-color-850-tournesol-hover: #706030;
|
||||||
|
--illustration-color-850-tournesol-active: #88753c;
|
||||||
|
--illustration-color-950-glycine-default: #2c202b;
|
||||||
|
--illustration-color-950-glycine-hover: #554053;
|
||||||
|
--illustration-color-950-glycine-active: #6c536a;
|
||||||
|
--illustration-color-950-tournesol-default: #292416;
|
||||||
|
--illustration-color-950-tournesol-hover: #4f472f;
|
||||||
|
--illustration-color-950-tournesol-active: #655b3d;
|
||||||
|
--illustration-color-sun-glycine-default: #ce70cc;
|
||||||
|
--illustration-color-sun-glycine-hover: #dfa4dd;
|
||||||
|
--illustration-color-sun-glycine-active: #e7bbe6;
|
||||||
|
--illustration-color-sun-tournesol-default: #ffe552;
|
||||||
|
--illustration-color-sun-tournesol-hover: #e1c700;
|
||||||
|
--illustration-color-sun-tournesol-active: #cab300;
|
||||||
|
--primary-color-sun-blue-france-default: #000091;
|
||||||
|
--primary-color-sun-blue-france-hover: #1212ff;
|
||||||
|
--primary-color-sun-blue-france-active: #2323ff;
|
||||||
|
--primary-color-113-blue-france-default: #000091;
|
||||||
|
--primary-color-113-blue-france-hover: #1212ff;
|
||||||
|
--primary-color-113-blue-france-active: #2323ff;
|
||||||
|
--primary-color-425-red-marianne-default: #f95c5e;
|
||||||
|
--primary-color-425-red-marianne-hover: #fa9293;
|
||||||
|
--primary-color-425-red-marianne-active: #fbabac;
|
||||||
|
--primary-color-850-blue-france-default: #313178;
|
||||||
|
--primary-color-850-blue-france-hover: #5757ad;
|
||||||
|
--primary-color-850-blue-france-active: #6c6cbb;
|
||||||
|
--primary-color-850-red-marianne-default: #5e2a2b;
|
||||||
|
--primary-color-850-red-marianne-hover: #9c4a4c;
|
||||||
|
--primary-color-850-red-marianne-active: #be5c5e;
|
||||||
|
--primary-color-950-blue-france-default: #21213f;
|
||||||
|
--primary-color-950-blue-france-hover: #424275;
|
||||||
|
--primary-color-950-blue-france-active: #56568c;
|
||||||
|
--primary-color-950-red-marianne-default: #331f1f;
|
||||||
|
--primary-color-950-red-marianne-hover: #613f3f;
|
||||||
|
--primary-color-950-red-marianne-active: #7b5151;
|
||||||
|
--primary-color-975-blue-france-default: #1b1b35;
|
||||||
|
--primary-color-975-blue-france-hover: #3a3a68;
|
||||||
|
--primary-color-975-blue-france-active: #4d4d83;
|
||||||
|
--primary-color-975-red-marianne-default: #2b1919;
|
||||||
|
--primary-color-975-red-marianne-hover: #573737;
|
||||||
|
--primary-color-975-red-marianne-active: #704848;
|
||||||
|
--primary-color-main-blue-france-default: #6a6af4;
|
||||||
|
--primary-color-main-blue-france-hover: #9898f8;
|
||||||
|
--primary-color-main-blue-france-active: #aeaef9;
|
||||||
|
--primary-color-main-red-marianne-default: #e1000f;
|
||||||
|
--primary-color-main-red-marianne-hover: #ff292f;
|
||||||
|
--primary-color-main-red-marianne-active: #ff4347;
|
||||||
|
--system-color-425-success-default: #27a658;
|
||||||
|
--system-color-425-success-hover: #36d975;
|
||||||
|
--system-color-425-success-active: #3df183;
|
||||||
|
--system-color-425-warning-default: #fc5d00;
|
||||||
|
--system-color-425-warning-hover: #ff8c73;
|
||||||
|
--system-color-425-warning-active: #ffa595;
|
||||||
|
--system-color-425-info-default: #518fff;
|
||||||
|
--system-color-425-info-hover: #98b4ff;
|
||||||
|
--system-color-425-info-active: #b4c7ff;
|
||||||
|
--system-color-425-error-default: #ff5655;
|
||||||
|
--system-color-425-error-hover: #ff8c8c;
|
||||||
|
--system-color-425-error-active: #ffa6a6;
|
||||||
|
--system-color-950-success-default: #19271d;
|
||||||
|
--system-color-950-success-hover: #344c3b;
|
||||||
|
--system-color-950-success-active: #44624d;
|
||||||
|
--system-color-950-warning-default: #361e19;
|
||||||
|
--system-color-950-warning-hover: #663d35;
|
||||||
|
--system-color-950-warning-active: #824f44;
|
||||||
|
--system-color-950-info-default: #1d2437;
|
||||||
|
--system-color-950-info-hover: #3b4767;
|
||||||
|
--system-color-950-info-active: #4c5b83;
|
||||||
|
--system-color-950-error-default: #391c1c;
|
||||||
|
--system-color-950-error-hover: #6c3a3a;
|
||||||
|
--system-color-950-error-active: #894b4b;
|
||||||
|
--system-focus-default: #0a76f6;
|
||||||
|
--alternative-body-text-LG-article-text-Regular-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-LG-article-text-Regular-size: 1.25rem;
|
||||||
|
--alternative-body-text-LG-article-text-Regular-weight: 400;
|
||||||
|
--alternative-body-text-LG-article-text-Regular-line-height: 2rem;
|
||||||
|
--alternative-body-text-LG-article-text-Bold-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-LG-article-text-Bold-size: 1.25rem;
|
||||||
|
--alternative-body-text-LG-article-text-Bold-weight: 900;
|
||||||
|
--alternative-body-text-LG-article-text-Bold-line-height: 2rem;
|
||||||
|
--alternative-body-text-MD-article-text-Regular-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-MD-article-text-Regular-size: 1rem;
|
||||||
|
--alternative-body-text-MD-article-text-Regular-weight: 400;
|
||||||
|
--alternative-body-text-MD-article-text-Regular-line-height: 1.5rem;
|
||||||
|
--alternative-body-text-MD-article-text-Bold-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-MD-article-text-Bold-size: 1rem;
|
||||||
|
--alternative-body-text-MD-article-text-Bold-weight: 900;
|
||||||
|
--alternative-body-text-MD-article-text-Bold-line-height: 1.5rem;
|
||||||
|
--alternative-body-text-SM-article-text-Regular-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-SM-article-text-Regular-size: 0.875rem;
|
||||||
|
--alternative-body-text-SM-article-text-Regular-weight: 400;
|
||||||
|
--alternative-body-text-SM-article-text-Regular-line-height: 1.5rem;
|
||||||
|
--alternative-body-text-SM-article-text-Bold-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-SM-article-text-Bold-size: 0.875rem;
|
||||||
|
--alternative-body-text-SM-article-text-Bold-weight: 900;
|
||||||
|
--alternative-body-text-SM-article-text-Bold-line-height: 1.5rem;
|
||||||
|
--alternative-body-text-XS-article-text-Regular-family: georgia, sans-serif;
|
||||||
|
--alternative-body-text-XS-article-text-Regular-size: 0.75rem;
|
||||||
|
--alternative-body-text-XS-article-text-Regular-weight: 400;
|
||||||
|
--alternative-body-text-XS-article-text-Regular-line-height: 1.25rem;
|
||||||
|
--alternative-titles-XL-size: 5rem;
|
||||||
|
--alternative-titles-XL-weight: 600;
|
||||||
|
--alternative-titles-XL-line-height: 5.5rem;
|
||||||
|
--alternative-titles-LG-size: 4.5rem;
|
||||||
|
--alternative-titles-LG-weight: 400;
|
||||||
|
--alternative-titles-LG-line-height: 5rem;
|
||||||
|
--alternative-titles-MD-size: 4rem;
|
||||||
|
--alternative-titles-MD-weight: 600;
|
||||||
|
--alternative-titles-MD-line-height: 4.5rem;
|
||||||
|
--alternative-titles-SM-size: 3.5rem;
|
||||||
|
--alternative-titles-SM-weight: 600;
|
||||||
|
--alternative-titles-SM-line-height: 4rem;
|
||||||
|
--alternative-titles-XS-size: 3rem;
|
||||||
|
--alternative-titles-XS-weight: 600;
|
||||||
|
--alternative-titles-XS-line-height: 3.5rem;
|
||||||
|
--text-body-XL-chapo-Regular-size: 1.25rem;
|
||||||
|
--text-body-XL-chapo-Regular-weight: 400;
|
||||||
|
--text-body-XL-chapo-Regular-line-height: 2rem;
|
||||||
|
--text-body-XL-chapo-Bold-size: 1.25rem;
|
||||||
|
--text-body-XL-chapo-Bold-weight: 900;
|
||||||
|
--text-body-XL-chapo-Bold-line-height: 2rem;
|
||||||
|
--text-body-LG-article-text-Regular-size: 1.125rem;
|
||||||
|
--text-body-LG-article-text-Regular-weight: 400;
|
||||||
|
--text-body-LG-article-text-Regular-line-height: 1.75rem;
|
||||||
|
--text-body-LG-article-text-Medium-size: 1.125rem;
|
||||||
|
--text-body-LG-article-text-Medium-weight: 600;
|
||||||
|
--text-body-LG-article-text-Medium-line-height: 1.75rem;
|
||||||
|
--text-body-LG-article-text-Bold-size: 1.125rem;
|
||||||
|
--text-body-LG-article-text-Bold-weight: 900;
|
||||||
|
--text-body-LG-article-text-Bold-line-height: 1.75rem;
|
||||||
|
--text-body-MD-standard-text-Regular-size: 1rem;
|
||||||
|
--text-body-MD-standard-text-Regular-weight: 400;
|
||||||
|
--text-body-MD-standard-text-Regular-line-height: 1.5rem;
|
||||||
|
--text-body-MD-standard-text-Medium-size: 1rem;
|
||||||
|
--text-body-MD-standard-text-Medium-weight: 600;
|
||||||
|
--text-body-MD-standard-text-Medium-line-height: 1.5rem;
|
||||||
|
--text-body-MD-standard-text-Bold-size: 1rem;
|
||||||
|
--text-body-MD-standard-text-Bold-weight: 900;
|
||||||
|
--text-body-MD-standard-text-Bold-line-height: 1.5rem;
|
||||||
|
--text-body-MD-standard-text-Italic-size: 1rem;
|
||||||
|
--text-body-MD-standard-text-Italic-weight: 400;
|
||||||
|
--text-body-MD-standard-text-Italic-style: italic;
|
||||||
|
--text-body-MD-standard-text-Italic-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Regular-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Regular-weight: 400;
|
||||||
|
--text-body-SM-detail-text-Regular-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Medium-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Medium-weight: 600;
|
||||||
|
--text-body-SM-detail-text-Medium-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Bold-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Bold-weight: 900;
|
||||||
|
--text-body-SM-detail-text-Bold-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Italic-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Italic-weight: 400;
|
||||||
|
--text-body-SM-detail-text-Italic-style: italic;
|
||||||
|
--text-body-SM-detail-text-Italic-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Maj-size: 0.875rem;
|
||||||
|
--text-body-SM-detail-text-Maj-weight: 600;
|
||||||
|
--text-body-SM-detail-text-Maj-line-height: 1.5rem;
|
||||||
|
--text-body-SM-detail-text-Maj-text-transform: uppercase;
|
||||||
|
--text-body-XS-mention-text-Regular-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Regular-weight: 400;
|
||||||
|
--text-body-XS-mention-text-Regular-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Medium-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Medium-weight: 600;
|
||||||
|
--text-body-XS-mention-text-Medium-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Bold-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Bold-weight: 900;
|
||||||
|
--text-body-XS-mention-text-Bold-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Italic-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Italic-weight: 400;
|
||||||
|
--text-body-XS-mention-text-Italic-style: italic;
|
||||||
|
--text-body-XS-mention-text-Italic-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Maj-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Maj-weight: 600;
|
||||||
|
--text-body-XS-mention-text-Maj-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Underlined-size: 0.75rem;
|
||||||
|
--text-body-XS-mention-text-Underlined-weight: 600;
|
||||||
|
--text-body-XS-mention-text-Underlined-line-height: 1.25rem;
|
||||||
|
--text-body-XS-mention-text-Underlined-text-decoration: underline;
|
||||||
|
--titles-H1-XL-size: 2.5rem;
|
||||||
|
--titles-H1-XL-weight: 600;
|
||||||
|
--titles-H1-XL-line-height: 3rem;
|
||||||
|
--titles-H2-LG-size: 2rem;
|
||||||
|
--titles-H2-LG-weight: 600;
|
||||||
|
--titles-H2-LG-line-height: 2.5rem;
|
||||||
|
--titles-H3-MD-size: 1.75rem;
|
||||||
|
--titles-H3-MD-weight: 600;
|
||||||
|
--titles-H3-MD-line-height: 2.25rem;
|
||||||
|
--titles-H4-SM-size: 1.5rem;
|
||||||
|
--titles-H4-SM-weight: 600;
|
||||||
|
--titles-H4-SM-line-height: 2rem;
|
||||||
|
--titles-H5-XS-size: 1.375rem;
|
||||||
|
--titles-H5-XS-weight: 600;
|
||||||
|
--titles-H5-XS-line-height: 1.75rem;
|
||||||
|
--titles-H6-XXS-size: 1.25rem;
|
||||||
|
--titles-H6-XXS-weight: 600;
|
||||||
|
--titles-H6-XXS-line-height: 1.75rem;
|
||||||
|
--font-family-primary: Arial, sans-serif;
|
||||||
|
--font-family-alt: georgia, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*# sourceMappingURL=variables.css.map */
|
1
output/variables.css.map
Normal file
1
output/variables.css.map
Normal file
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sourceRoot":"","sources":["../src/_variables.scss","../src/functions/_mixins.scss"],"names":[],"mappings":"AAyBA;ECpBY;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ADwFZ;EC5FY;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"variables.css"}
|
Loading…
Reference in New Issue
Block a user