113 lines
2.7 KiB
SCSS
113 lines
2.7 KiB
SCSS
// Colors
|
|
$blue-dark: #006f9d;
|
|
$blue-bright: #00969d;
|
|
$blue-bright-light: #51e7ee;
|
|
|
|
$green: #008080;
|
|
$green-xlight: #e4f2f3;
|
|
|
|
$gray: #e6e6e6;
|
|
$gray-xlight: #f4f4f9;
|
|
$gray-dark: #999;
|
|
$gray-xdark: #333;
|
|
|
|
$tc-green : #149414;
|
|
|
|
// Fonts
|
|
$base-font: 16;
|
|
|
|
$fz-1: 2.1em;
|
|
$fz-2: 1.8em;
|
|
$fz-3: 1.44em;
|
|
$fz-4: 1.2em;
|
|
$fz-small: 0.85em;
|
|
|
|
// Layout
|
|
$cell-padding: 1em;
|
|
|
|
// Core vars
|
|
$width: 1280em / $base-font;
|
|
$mobile-limit: 64em;
|
|
$very-small-limit: 35em;
|
|
$sidebar-position: right;
|
|
$columns-gutter: 1.5em;
|
|
$sidebar-columns-gutter: 3em;
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
$font-family: Lato, sans-serif;
|
|
$font-color: $gray-xdark;
|
|
$link-color: $blue-dark;
|
|
$primary-color: $blue-dark;
|
|
|
|
$header-background-color: $primary-color;
|
|
$header-logo-size: 134px 32px;
|
|
$show-site-title: true;
|
|
$toplinks-style: none;
|
|
|
|
$nav-full-width-background: true;
|
|
$nav-background: $gray-xlight;
|
|
$nav-color: $font-color;
|
|
$nav-menu-color: $nav-color;
|
|
$nav-item-hover-background: $gray;
|
|
$nav-item-selected-background: transparent;
|
|
$nav-item-selected-color: $blue-dark;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$nav-button-color: white;
|
|
$nav-button-background: transparent;
|
|
$nav-mobile-menu-item-color: $nav-color;
|
|
$nav-border-color: none;
|
|
$nav-menu-side: 40px;
|
|
|
|
$nav-mobile-bottom-bar-background: $blue-bright;
|
|
$nav-mobile-bottom-bar-color: white;
|
|
$nav-mobile-bottom-bar-item-hover-background: $blue-dark;
|
|
$nav-mobile-bottom-bar-item-hover-color: white;
|
|
|
|
|
|
$title-background: $blue-dark;
|
|
$title-color: $gray-xlight;
|
|
$title-border-radius: 1em;
|
|
$title-weight: bold;
|
|
$title-font-size: 1em;
|
|
|
|
$cell-background: $gray-xlight;
|
|
$cell-border: none;
|
|
$cell-title-cover-border: false;
|
|
$cell-image-position: top;
|
|
$cell-image-padding: 0;
|
|
$cell-entry-border-color: white;
|
|
$cell-entry-hover-background: transparent;
|
|
$cell-entry-hover-color: $blue-bright;
|
|
|
|
$button-color: $gray-xlight;
|
|
$button-background: $blue-dark;
|
|
$button-border: 4px solid $blue-bright;
|
|
$button-border-radius: 2em;
|
|
$button-hover-color: white;
|
|
$button-hover-background: $blue-bright;
|
|
$cancel-button-style: "%inverted-button";
|
|
$buttons-order: cancel (grow), previous, submit;
|
|
|
|
$form-sidebar-gutter: $sidebar-columns-gutter;
|
|
$form-title-style: none;
|
|
$widget-border: 1px solid $gray-dark;
|
|
$widget-focus-border: 1px solid $font-color;
|
|
$widget-border-radius: 5px;
|
|
|
|
$wcs-steps-background: $gray-xlight;
|
|
$wcs-step-color: $font-color;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-steps-spacing: $cell-padding;
|
|
$wcs-step-marker-color: $gray-xlight;
|
|
$wcs-step-marker-background: $gray-dark;
|
|
$wcs-step-current-marker-background: $blue-dark;
|
|
$wcs-step-current-marker-color: white;
|
|
$wcs-step-current-marker-enlarge: 1.2;
|
|
|
|
$or-separator: false;
|
|
|
|
$footer-link-color: $blue-bright-light;
|
|
$footer-background: $font-color;
|
|
|
|
|