80 lines
2.0 KiB
SCSS
80 lines
2.0 KiB
SCSS
$blue-xxlight: #e5f5fa;
|
|
$blue-xlight: #00a1cf;
|
|
$blue-light: #1e90ff;
|
|
$blue: #122674;
|
|
$blue-dark: #081446;
|
|
$yellow: #ffeec2;
|
|
$gray-light: #efefef;
|
|
$gray: #494949;
|
|
|
|
$primary-color: $blue-xlight;
|
|
$secondary-color: $yellow;
|
|
$font-roboto: 'Roboto', sans-serif;
|
|
|
|
$base-font: 20;
|
|
|
|
$fz-big: 60em / $base-font;
|
|
$fz-1: 38em / $base-font;
|
|
$fz-2: 24em / $base-font;
|
|
$fz-3: 22em / $base-font;
|
|
$fz-4: 18em / $base-font;
|
|
$fz-small : 16em / $base-font;
|
|
$fz-xsmall: 14em / $base-font;
|
|
|
|
$font-family: $font-roboto;
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
$link-color: $blue-light;
|
|
$link-decoration: none;
|
|
$link-hover-color: $blue-light;
|
|
|
|
$header-full-width-background: true;
|
|
$header-logo-size: 520px 100px;
|
|
$toplinks-style: none;
|
|
|
|
$nav-color: $blue;
|
|
$nav-menu-color: $blue;
|
|
$nav-active-color: $yellow;
|
|
$nav-border-color: transparent;
|
|
$nav-button-background: $blue-dark;
|
|
$nav-button-color: white;
|
|
$nav-mobile-menu-background: $blue-dark;
|
|
$nav-mobile-menu-item-color: white;
|
|
$nav-mobile-menu-item-hover-background: $blue-dark;
|
|
$nav-mobile-menu-item-hover-color: white;
|
|
$nav-items-transform: uppercase;
|
|
|
|
$title-color: $blue;
|
|
$title-background: transparent;
|
|
$title-border-bottom: 3px solid $gray-light;
|
|
$title-weight: 700;
|
|
$title-font-size: $fz-2;
|
|
$title-padding: 0.5rem 0;
|
|
|
|
$cell-border: none;
|
|
$cell-background: transparent;
|
|
$cell-entry-color: $blue-dark;
|
|
$cell-entry-hover-background: $yellow;
|
|
$cell-entry-hover-color: $blue-dark;
|
|
$cell-entry-border: 2px solid $gray-light;
|
|
|
|
//WCS
|
|
$wcs-steps-background: $blue-xxlight;
|
|
$wcs-step-current-color: $blue-dark;
|
|
$wcs-step-color: $gray;
|
|
|
|
$widget-color: $blue-dark;
|
|
$widget-focus-color: $blue-dark;
|
|
$widget-border: 1px solid $blue-dark;
|
|
$widget-focus-outline: 1px solid $blue-xlight;
|
|
$widget-focus-box-shadow: 0 0 6px 0 $blue-light;
|
|
|
|
$button-background: $blue-dark;
|
|
$button-hover-background: $blue-xlight;
|
|
$cancel-button-style: "%antibes-cancel-button";
|
|
|
|
$carrousel-item-mask-color: transparent;
|
|
|
|
$footer-background: $blue-dark;
|
|
$footer-menucell-separator: 1px solid $blue-xlight;
|
|
|