107 lines
2.7 KiB
SCSS
107 lines
2.7 KiB
SCSS
// colors
|
|
$orange: #FD6200;
|
|
$orange-light: #f6ad65;
|
|
$red: #D80200;
|
|
$beige: #FFF7EF;
|
|
$gray-dark: #555554;
|
|
$gray-light: #E9E9E9;
|
|
$gray: #D2D6DE;
|
|
$green-light: #BFE4C4;
|
|
|
|
@function gradient-ro($angle) {
|
|
@return linear-gradient($angle, $orange, $red);
|
|
}
|
|
|
|
// Typo
|
|
$fz-h1: calc(40em / 15);
|
|
$fz-h2: calc(25em / 15);
|
|
$fz-h3: calc(20em / 15);
|
|
$fz-small: calc(13.5em / 15);
|
|
$fz-xsmall: calc(12em / 15);
|
|
|
|
// logos démarche
|
|
// "keyword" : "asset"
|
|
$logos-demarche: (
|
|
"clermont-ferrand": "clermont-ferrand",
|
|
"clermont-auvergne-metropole": "clermont-auvergne-metropole",
|
|
"clermont-auvergne-tourisme": "clermont-auvergne-tourisme",
|
|
"metro": "clermont-auvergne-metropole",
|
|
"c-velo": "c-velo",
|
|
"t2c": "t2c"
|
|
);
|
|
|
|
// Core vars
|
|
$primary-color: $orange;
|
|
$border-radius: 20px;
|
|
$font-color: $gray-dark;
|
|
$link-color: $red;
|
|
$font-family: montserrat, sans-serif;
|
|
$font-size: 93.75%;
|
|
|
|
$width: 95rem;
|
|
$mobile-limit: 1024px;
|
|
$mobile-width: none;
|
|
$sidebar-width: 25%;
|
|
$sidebar-min-width: 18rem;
|
|
$sidebar-columns-gutter: 40px;
|
|
|
|
$nav-border-radius: 0;
|
|
$nav-background: transparent;
|
|
$nav-color: white;
|
|
$nav-menu-color: $nav-color;
|
|
$nav-active-color: $nav-color;
|
|
$nav-item-selected-background: $orange;
|
|
$nav-mobile-mode: custom;
|
|
$nav-after-image: false;
|
|
|
|
$title-font-size: $fz-h3;
|
|
$title-transform: uppercase;
|
|
$title-weight: 700;
|
|
$title-background: $beige;
|
|
$title-color: $orange;
|
|
$title-padding: 1.25em 1rem !default;
|
|
$title-border-bottom: 1px solid $font-color;
|
|
|
|
$carrousel-height: 32rem;
|
|
$carrousel-text-position: middle left;
|
|
$carrousel-navigation-bullet-color: white;
|
|
|
|
$cell-border: 1px solid $font-color;
|
|
$cell-title-cover-border: false;
|
|
$cell-entry-color: $font-color;
|
|
$cell-entry-border: 1px solid $gray-dark;
|
|
$cell-entry-hover-background: $beige;
|
|
|
|
$button-background: $orange;
|
|
$button-color: white;
|
|
$button-border-radius: $border-radius / 2;
|
|
|
|
$widget-unique-checkbox-position: left;
|
|
$widget-border: 1px solid $gray-dark;
|
|
$widget-border-radius: 5px;
|
|
|
|
$wcs-steps-small-layout-limit: $mobile-limit;
|
|
$wcs-steps-spacing: .33rem;
|
|
$wcs-step-color: $font-color;
|
|
$wcs-step-current-color: $wcs-step-color;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-marker-background: $orange-light;
|
|
$wcs-step-marker-color: white;
|
|
$wcs-step-current-marker-color: white;
|
|
$wcs-step-current-marker-background: gradient-ro(-45deg);
|
|
$wcs-step-marker-type: disc tied;
|
|
$wcs-step-marker-tie-width: 2px;
|
|
$wcs-step-marker-tie-color: $font-color;
|
|
|
|
$form-sidebar-position: top;
|
|
$buttons-order: cancel, previous, submit;
|
|
|
|
$footer-background: $beige;
|
|
$footer-color: $font-color;
|
|
|
|
$back-top-display: mobile-only;
|
|
|
|
$nav-mobile-bottom-bar-background: gradient-ro(-45deg);
|
|
$nav-mobile-bottom-bar-item-hover-background: transparent;
|
|
$nav-mobile-bottom-bar-item-selected-background: transparent;
|