115 lines
2.8 KiB
SCSS
115 lines
2.8 KiB
SCSS
// colors
|
|
$gray: #BFBFBF;
|
|
$gray-dark: #575757;
|
|
$gray-light: #F1F1F1;
|
|
$orange: #EC671F;
|
|
$orange-dark: #df5a13;
|
|
$orange-gray: #A88B7D;
|
|
$green: #6BD3AA;
|
|
$green-dark: #31a679;
|
|
$green-light: #A6E5CC;
|
|
$blue: #91D5FF;
|
|
$blue-dark: #183c88;
|
|
$red: #df1313;
|
|
|
|
// typo
|
|
$base-font: 16;
|
|
$font-ratio: 1.333;
|
|
$fz-3: 1em * $font-ratio;
|
|
$fz-2: $fz-3 * $font-ratio;
|
|
$fz-1: $fz-2 * $font-ratio;
|
|
$fz-small: 1em / $font-ratio;
|
|
|
|
// Core vars
|
|
$width: 1280em / $base-font;
|
|
$mobile-limit: 64em;
|
|
$very-small-limit: 35em;
|
|
$columns-gutter: 2rem;
|
|
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
$font-color: $gray-dark;
|
|
$font-family: "source sans pro", sans-serif;
|
|
|
|
$primary-color: $orange-dark;
|
|
$border-radius: 1rem;
|
|
$link-color: $primary-color;
|
|
|
|
$header-full-width-background: true;
|
|
$header-background-color: $gray-light;
|
|
$header-logo-size: 105px 60px;
|
|
|
|
$toplinks-style: none;
|
|
$toplinks-background: white;
|
|
|
|
$nav-after-image: false;
|
|
$nav-mobile-limit: 20000px;
|
|
$pwa-nav-limit: 960px;
|
|
$nav-background: $orange;
|
|
$nav-color: white;
|
|
$nav-border-radius: 0;
|
|
$nav-active-color: white;
|
|
$nav-border-color: none;
|
|
|
|
$nav-button-background: $orange;
|
|
$nav-button-color: white;
|
|
|
|
$nav-mobile-menu-background: $orange;
|
|
$nav-border-radius: 100%;
|
|
$nav-mobile-menu-item-color: white;
|
|
$nav-mobile-menu-item-hover-background: $orange;
|
|
$nav-mobile-menu-item-hover-color: white;
|
|
|
|
$responsive-menu: left-to-right;
|
|
|
|
$title-background: transparent;
|
|
$title-color: $font-color;
|
|
$title-font-size: $fz-2;
|
|
$title-weight: 900;
|
|
|
|
$cell-background: transparent;
|
|
$cell-border: none;
|
|
$cell-title-cover-border: false;
|
|
$cell-entry-border: 2px solid $gray;
|
|
$cell-entry-hover-color: $orange;
|
|
$cell-entry-hover-background: $cell-background;
|
|
|
|
$cell-entry-color: $gray-dark;
|
|
$cell-entry-font-weight: 600;
|
|
|
|
$carrousel-height: 40rem;
|
|
$carrousel-text-position: middle right;
|
|
$carrousel-navigation-color: black;
|
|
$carrousel-navigation-bullet-border: black;
|
|
|
|
$button-background: $orange-dark;
|
|
$button-color: white;
|
|
$button-hover-background: $orange;
|
|
$cancel-button-style: "%inverted-button";
|
|
$button-border: 2px solid $orange;
|
|
|
|
$error-color: $red;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$widget-background: $gray-light;
|
|
$widget-border: 1px solid $gray-light;
|
|
$widget-border-radius: $border-radius;
|
|
$widget-focus-border: 1px solid $orange;
|
|
$widget-padding: 0.625rem 1rem !default;
|
|
$widget-focus-outline: none;
|
|
$widget-focus-box-shadow: none !default;
|
|
|
|
$notification_error_color: $red;
|
|
$notification_warning_color: $orange_dark;
|
|
$notification_success_color: $green-light;
|
|
$notification_info_color: $gray-light;
|
|
|
|
$wcs-step-color: $gray-dark;
|
|
$wcs-step-background: transparent !default;
|
|
$wcs-step-current-marker-background: url(img/bubble.svg);
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-current-border-bottom: none;
|
|
|
|
$footer-background: $gray-light;
|
|
$footer-full-width-background: false;
|
|
$footer-color: gray-dark;
|