98 lines
2.5 KiB
SCSS
98 lines
2.5 KiB
SCSS
// Colors
|
|
$yellow: #FCC400;
|
|
$yellow-light: #ffd53f;
|
|
$yellow-xlight: #fff7da;
|
|
$gray-dark: #2A2A2E;
|
|
$gray-light: #D4CAC8;
|
|
$gray-xlight:#f6f4f5;
|
|
$gray-message: #efeef4;
|
|
$blue-dark: #253A8E;
|
|
|
|
$cell-header-color: (
|
|
"rouge": #D8635C,
|
|
"rose": #D1377A,
|
|
"bleu-fonce": $blue-dark,
|
|
"prune-fonce": #732066,
|
|
"turquoise": #3185AD,
|
|
"violet": #69599F,
|
|
"bleu-clair": #79ADC2,
|
|
"vert-fonce": #00965C,
|
|
"magenta": #E50046,
|
|
"jaune": $yellow,
|
|
"vert-clair": #CFCD00,
|
|
"prune-clair": #942581
|
|
);
|
|
|
|
// Typo
|
|
$raleway: Raleway, sans-serif;
|
|
|
|
$fz-h1: calc(36em / 16);
|
|
$fz-h2: calc(24em / 16);
|
|
$fz-h3: calc(18em / 16);
|
|
$fz-small: 0.875em;
|
|
|
|
// Core vars
|
|
$body-background: $gray-xlight;
|
|
$font-color: $gray-dark;
|
|
$font-family: $raleway;
|
|
|
|
$link-color: $blue-dark;
|
|
$primary-color: $yellow;
|
|
|
|
$width: 1290px;
|
|
$mobile-limit: 1180px;
|
|
$columns-gutter: 30px;
|
|
$sidebar-width: 30%;
|
|
$sidebar-position: right;
|
|
$sidebar-columns-gutter: 0;
|
|
|
|
$nav-mobile-bottom-bar-background: white;
|
|
$nav-mobile-bottom-bar-color: $font-color;
|
|
$nav-mobile-bottom-bar-item-hover-background: $yellow;
|
|
$nav-mobile-bottom-bar-item-hover-color: $nav-mobile-bottom-bar-color;
|
|
$nav-mobile-bottom-bar-item-selected-background: $nav-mobile-bottom-bar-item-hover-background;
|
|
$nav-mobile-bottom-bar-item-selected-color: $nav-mobile-bottom-bar-item-hover-color;
|
|
$nav-mobile-bottom-bar-badge-color: font-color;
|
|
$nav-mobile-bottom-bar-badge-background: $yellow;
|
|
|
|
$title-background: transparent;
|
|
$title-weight: bold;
|
|
$title-font-size: $fz-h3;
|
|
|
|
$cell-border-radius: 12px;
|
|
$cell-border: 1px solid $gray-light;
|
|
$cell-title-cover-border: false;
|
|
$cell-image-position: top;
|
|
$cell-entry-border: 1px solid transparent;
|
|
$cell-entry-color: $font-color;
|
|
$cell-entry-hover-color: black;
|
|
$cell-entry-font-weight: 500;
|
|
$cell-entry-hover-background: transparent;
|
|
|
|
$widget-unique-checkbox-position: left;
|
|
$widget-border-radius: 5px;
|
|
$widget-focus-border: 1px solid black;
|
|
|
|
$button-border-radius: 5px;
|
|
$button-background: $yellow;
|
|
$button-color: black;
|
|
$button-border: 1px solid $yellow;
|
|
$button-hover-background: $yellow-light;
|
|
$button-focus-outline: 1px solid black;
|
|
$buttons-order: cancel, previous, submit;
|
|
|
|
$form-sidebar-position: right;
|
|
|
|
$wcs-steps-spacing: 1rem;
|
|
$wcs-step-color: $gray-dark;
|
|
$wcs-step-current-color: black;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-marker-background: $gray-message;
|
|
$wcs-step-current-marker-background: $yellow;
|
|
$wcs-step-marker-type: disc tied;
|
|
$wcs-step-marker-tie-color: $wcs-step-marker-background;
|
|
$wcs-step-marker-tie-width: 2px;
|
|
|
|
$footer-background: $gray-dark;
|
|
$footer-link-color: $yellow;
|