70 lines
1.7 KiB
SCSS
70 lines
1.7 KiB
SCSS
$red: #B73720;
|
|
$blue: #1C515E;
|
|
$blue-light: #2e788a;
|
|
$orange: #ecb500;
|
|
$orange-light: #FFCB20;
|
|
$gray-dark: #202020;
|
|
$gray-light: #efefef;
|
|
|
|
// header
|
|
$header-height-desktop: 120px;
|
|
$header-height-mobile: 60px;
|
|
$button-border-width: 10px;
|
|
|
|
// Core vars
|
|
$primary-color: $red;
|
|
$width: 1170px;
|
|
$mobile-limit: 1024px;
|
|
$font-color: $gray-dark;
|
|
$font-family: Asap, sans-serif;
|
|
$link-color: $primary-color;
|
|
|
|
$nav-background: $gray-light;
|
|
$nav-full-width-background: true;
|
|
$nav-color: $font-color;
|
|
$nav-active-color: $red;
|
|
$nav-border-color: $blue;
|
|
$nav-item-selected-color: $nav-active-color;
|
|
$nav-item-selected-background: transparent;
|
|
$nav-height: 4.5em;
|
|
$responsive-menu: left-to-right; // based on left-to-right, but use a custom right-to-left
|
|
// $nav-mobile-menu-background: white;
|
|
$nav-menu-side: $header-height-mobile - $button-border-width * 2;
|
|
$nav-button-background: $blue;
|
|
|
|
$title-background: transparent;
|
|
$title-font-size: 1.5rem;
|
|
$title-weight: 500;
|
|
|
|
$cell-background: $gray-light;
|
|
$cell-border: none;
|
|
$cell-entry-color: $font-color;
|
|
$cell-entry-hover-background: $orange-light;
|
|
$cell-entry-border: 1px solid $blue-light;
|
|
|
|
$button-background: $orange;
|
|
$button-hover-background: $orange-light;
|
|
$button-color: $font-color;
|
|
$button-border: none;
|
|
$button-border-radius: 8px;
|
|
|
|
$buttons-order: cancel, previous, submit;
|
|
$buttons-alignment: flex-end;
|
|
|
|
$widget-border: 1px solid transparent;
|
|
$widget-border-radius: 5px;
|
|
$widget-focus-border: 1px solid;
|
|
$field-on-error-style: custom;
|
|
|
|
$wcs-step-color: $blue-light;
|
|
// $wcs-step-border-bottom: 1px solid $blue-light;
|
|
|
|
$or-separator: false;
|
|
|
|
$footer-background: white;
|
|
$footer-color: $font-color;
|
|
$footer-menucell-separator: 1px solid;
|
|
// $footer-full-width-background:
|
|
|
|
$form-titlebar-mode: form;
|