135 lines
3.2 KiB
SCSS
135 lines
3.2 KiB
SCSS
//
|
|
$blue-1: #1E3664;
|
|
$blue-2: #037CC2;
|
|
$gray-1: #D5CFC3;
|
|
$gray-2: #ddd;
|
|
$gray-3: #EAEAEA;
|
|
$gray-4: #818a91;
|
|
$gray-5: #b3b3b3;
|
|
$orange-1: #FF7100;
|
|
|
|
$space-xsmall: 5px;
|
|
$space-small: 10px;
|
|
$space-medium: 15px;
|
|
$space-large: 25px;
|
|
$space-xlarge: 40px;
|
|
|
|
$border-radius-1: 10px;
|
|
$border-radius-2: 3px;
|
|
|
|
$box-shadow-1: 0 0 5px 2px $gray-5;
|
|
|
|
$transition-1: 0.3s ease-in-out;
|
|
|
|
$fz-1: 1rem * 60 / 16;
|
|
$fz-2: 1rem * 37 / 16;
|
|
$fz-3: 1rem * 25 / 16;
|
|
$fz-4: 1rem * 22 / 16;
|
|
$fz-5: 1rem * 18 / 16;
|
|
$fz-6: 1rem;
|
|
|
|
// typo
|
|
$primary-color: $blue-1;
|
|
$secondary-color: $blue-2;
|
|
$accent-color: $orange-1;
|
|
$font-family: 'Roboto', sans-serif;
|
|
$link-color: $blue-1;
|
|
$link-hover-color: $accent-color;
|
|
$link-hover-decoration: none;
|
|
|
|
// general
|
|
$width: 1120px;
|
|
$sidebar-width: 33%;
|
|
$columns-gutter: 0px;
|
|
$nav-after-image: false;
|
|
|
|
// header
|
|
$toplinks-style: none;
|
|
|
|
$header-background-color: $primary-color;
|
|
|
|
$nav-color: white;
|
|
$nav-border-radius: 0;
|
|
|
|
$nav-active-color: white;
|
|
|
|
$nav-border-color: transparent;
|
|
$nav-menu-color: white !default;
|
|
$nav-item-selected-border: none;
|
|
$nav-item-selected-background: $secondary-color;
|
|
$nav-item-selected-border: none;
|
|
$nav-button-background: transparent;
|
|
$nav-background: transparent;
|
|
$nav-item-hover-background: $secondary-color;
|
|
$nav-submenu-background: $primary-color;
|
|
$nav-submenu-color: $nav-menu-color !default;
|
|
|
|
$responsive-menu: top-to-bottom;
|
|
$nav-menu-side: 35px;
|
|
|
|
$nav-mobile-menu-background: $primary-color;
|
|
$nav-mobile-menu-item-color: white;
|
|
$nav-mobile-menu-item-hover-background: $secondary-color;
|
|
$nav-mobile-bottom-bar-color: $primary-color;
|
|
$sidebar-columns-gutter: 20px;
|
|
$columns-gutter: 0;
|
|
|
|
// content
|
|
$title-background: transparent;
|
|
$title-font-size: $fz-3;
|
|
|
|
$carrousel-height: 300px;
|
|
$carrousel-text-position: middle left;
|
|
$carrousel-navigation-color: white;
|
|
$carrousel-navigation-bullet-color: $secondary-color;
|
|
$carrousel-navigation-bullet-border: none;
|
|
|
|
$cell-background: transparent;
|
|
$cell-border: none;
|
|
$cell-border-radius: $border-radius-1;
|
|
|
|
$cell-entry-font-weight: normal !default;
|
|
$cell-entry-border: 1px solid $gray-2;
|
|
$cell-entry-hover-background: none;
|
|
$cell-entry-hover-effect: none !default;
|
|
$cell-image-padding: none;
|
|
$cell-image-size: 38px;
|
|
|
|
// WCS
|
|
$form-sidebar-width: 25%;
|
|
|
|
$button-background: $primary-color;
|
|
$button-color: white;
|
|
$button-border: none;
|
|
$button-hover-background: $secondary-color;
|
|
$button-border-radius: $border-radius-2;
|
|
$cancel-button-style: ".theme-gray-button";
|
|
|
|
$widget-background: $gray-3;
|
|
$widget-border: 1px solid $gray-4;
|
|
$widget-focus-outline: none;
|
|
$widget-focus-outline-offset: 0 !default;
|
|
$widget-focus-box-shadow: $box-shadow-1;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$form-accent-color: $primary-color;
|
|
|
|
$button-focus-outline: none;
|
|
$buttons-order: previous, cancel (grow), submit;
|
|
|
|
$wcs-step-color: $gray-4;
|
|
$wcs-step-border-bottom: 1px solid $gray-3;
|
|
$wcs-step-current-border-bottom: $wcs-step-border-bottom;
|
|
|
|
// marker options
|
|
$wcs-step-marker-size: 2.1em;
|
|
$wcs-step-marker-type: disc; // square || tied || disc || disc tied
|
|
$wcs-step-marker-tie-color: $wcs-step-color !default;
|
|
$wcs-step-marker-tie-width: 5px !default;
|
|
$wcs-step-marker-background-type: solid !default;
|
|
|
|
|
|
// footer
|
|
$footer-background: $primary-color;
|
|
$footer-link-color: white;
|