87 lines
2.3 KiB
SCSS
87 lines
2.3 KiB
SCSS
// CUSTOM VARS
|
|
// Nuancier
|
|
$white-blue: #EEF5FA;
|
|
$desaturated-blue: #698296;
|
|
$dark-desaturated-blue: #3C4F5F;
|
|
$xdark-blue: #142C3F;
|
|
$black-blue: #091F30;
|
|
$light-red: #ff5a4e;
|
|
//font-sizes
|
|
$fz-h1: 2.8em;
|
|
$fz-h2: 2.125em;
|
|
$fz-h3: 1.625em;
|
|
$fz-h4: 1.44em;
|
|
$fz-h5: 1.18em;
|
|
$fz-small: 0.85em;
|
|
// layout
|
|
$meuse-toplinks-height: 3.125rem;
|
|
$meuse-main-top-padding: 2rem;
|
|
$meuse-logo-height-mobile: 50px;
|
|
$meuse-logo-width-desktop: 322px;
|
|
|
|
// CORE VARS
|
|
$primary_color: $light-red;
|
|
|
|
$font-family: 'Source Sans Pro', sans-serif;
|
|
$font-color: $black-blue;
|
|
$link-color: $desaturated-blue;
|
|
|
|
$width: 1440px;
|
|
$mobile-limit: 960px;
|
|
$very-small-limit: 560px;
|
|
$border-radius: 0;
|
|
$sidebar-width: 25%;
|
|
$sidebar-max-width: 19rem;
|
|
$sidebar-min-width: 16rem;
|
|
|
|
$nav-background: $dark-desaturated-blue;
|
|
$nav-mobile-menu-background: $dark-desaturated-blue;
|
|
$nav-full-width-background: true;
|
|
$nav-color: white;
|
|
$nav-mobile-menu-item-color: white;
|
|
$nav-item-selected-background: $xdark-blue;
|
|
$nav-item-hover-background: $primary_color;
|
|
$nav-button-background: $xdark-blue;
|
|
$nav-menu-side: 40px;
|
|
$nav-border-color: transparent;
|
|
|
|
$title-color: $black-blue;
|
|
$title-background: transparent;
|
|
$title-font-size: $fz-h4;
|
|
$title-weight: 700;
|
|
|
|
$cell-border: none;
|
|
$cell-background: transparent;
|
|
$cell-image-position: top;
|
|
$cell-image-padding: 0;
|
|
$cell-entry-hover-background: lighten($light-red, 25%);
|
|
$cell-entry-border: 1px solid lighten($desaturated-blue, 20%);
|
|
|
|
$button-background: $light-red;
|
|
$button-color: $dark-desaturated-blue;
|
|
$button-hover-color: $black-blue;
|
|
$button-border: 1px solid darken($light-red, 20%);
|
|
$button-border-radius: 5px;
|
|
|
|
$buttons-order: previous, cancel (grow), submit;
|
|
$buttons-alignment: flex-end;
|
|
|
|
$widget-focus-color: $black-blue;
|
|
$widget-background: hsla(0,0%,100%,0.3);
|
|
$widget-focus-background: white;
|
|
$widget-border: 1px solid lighten($desaturated-blue, 20%);
|
|
$widget-focus-border: 1px solid $desaturated-blue;
|
|
|
|
$wcs-steps-spacing: 1rem;
|
|
$wcs-step-color: $desaturated-blue;
|
|
$wcs-step-current-color: $xdark-blue;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-marker-type: disc tied;
|
|
$wcs-step-marker-background: white;
|
|
$wcs-step-current-marker-background: $primary-color;
|
|
$wcs-step-marker-tie-width: 2px;
|
|
$wcs-step-current-marker-enlarge: 1.4;
|
|
|
|
$footer-background: $dark-desaturated-blue;
|
|
$footer-color: white;
|