91 lines
2.1 KiB
SCSS
91 lines
2.1 KiB
SCSS
// Colors
|
|
|
|
$red: #DE4855;
|
|
$gray-1: #4D4D4D;
|
|
$gray-2: #666;
|
|
$gray-3: #8f8f8f;
|
|
$gray-4: #a9a9a9;
|
|
$gray-5: #dcdcdc;
|
|
$gray-6: #5D737E;
|
|
|
|
$primary-color: $gray-6 !default;
|
|
$secondary-color: #455E6B;
|
|
|
|
$body-background: $gray-5;
|
|
|
|
$fz-h1: 34px;
|
|
$fz-h2: 28px;
|
|
$fz-h3: 24px;
|
|
$fz-h4: 20px;
|
|
|
|
// Core vars
|
|
$font-size: 18px;
|
|
$font-family: 'Source Sans Pro';
|
|
$font-color: #4D4D4D;
|
|
|
|
$title-weight: bold;
|
|
$title-font-size: $fz-h2;
|
|
|
|
$width: 1280px;
|
|
$mobile-limit: 900px;
|
|
$very-small-limit: 600px;
|
|
|
|
$header-background-color: #fff;
|
|
|
|
$link-color: $gray-1;
|
|
|
|
$header-logo-size: 184px 50px;
|
|
|
|
$button-background: $red;
|
|
$button-color: #fff;
|
|
|
|
$title-color: #fff !default;
|
|
$title-background: $primary-color;
|
|
|
|
$cell-border: 0;
|
|
|
|
$columns-gutter: 20px;
|
|
$grid-gutter: $columns-gutter;
|
|
|
|
$nav-mobile-limit: 9999px;
|
|
$nav-button-background: transparent;
|
|
$nav-mobile-menu-background: #fff;
|
|
$nav-button-color: #5D737E;
|
|
$nav-border-color: $nav-button-color;
|
|
$nav-mobile-menu-item-hover-background: $nav-button-color;
|
|
$nav-mobile-menu-item-color: $nav-button-color;
|
|
$nav-mobile-menu-item-hover-background: transparent;
|
|
$nav-mobile-menu-item-hover-color: $nav-button-color;
|
|
$nav-mobile-bottom-bar-background: $gray-4;
|
|
$nav-mobile-bottom-bar-item-hover-background: $gray-3;
|
|
$nav-mobile-bottom-bar-item-selected-background: $nav-mobile-bottom-bar-item-hover-background;
|
|
$pwa-nav-limit: $mobile-limit;
|
|
$nav-after-image: none;
|
|
|
|
$buttons-order: previous, submit (grow), cancel;
|
|
|
|
$widget-border: 1px solid $gray-2;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$wcs-step-color: $gray-2;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-steps-spacing: 2rem;
|
|
$wcs-step-marker-type: tied;
|
|
$wcs-step-marker-tie-color: #909090;
|
|
$wcs-step-marker-color: #909090;
|
|
$wcs-step-marker-tie-width: 3px;
|
|
$wcs-step-current-marker-background: $primary-color !default;
|
|
$wcs-step-current-marker-color: #fff !default;
|
|
|
|
$wcs-step-before-border-color: $primary-color !default;
|
|
$wcs-step-before-label-color: $primary-color !default;
|
|
$wcs-step-before-nb-color: $primary-color !default;
|
|
|
|
// Custom vars
|
|
|
|
$header-height: 90px;
|
|
$mobile-header-height: 115px;
|
|
|
|
$footer-background: $primary-color !default;
|
|
$footer-link-color: #fff !default;
|