133 lines
3.3 KiB
SCSS
133 lines
3.3 KiB
SCSS
$cyan: #00A7BD;
|
|
$cyan-dark: #00727E;
|
|
|
|
$gray-xlight: #F8F8F8;
|
|
$gray-light: #E7E7E7;
|
|
$gray: #7D7D7D;
|
|
$gray-dark: #343434;
|
|
|
|
$red: #CE0500;
|
|
$green: #18753C;
|
|
$brown: #B34000;
|
|
|
|
|
|
// typo
|
|
$base-font: 15;
|
|
$base-font-m: 13;
|
|
|
|
$fz-1: 32em / $base-font;
|
|
$fz-1m: 26em / $base-font-m;
|
|
$fz-2: 20em / $base-font;
|
|
$fz-2m: 18em / $base-font-m;
|
|
$fz-3: 18em / $base-font;
|
|
$fz-3m: 15em / $base-font-m;
|
|
$fz-small: 13em / $base-font;
|
|
$fz-smallm: 12em / $base-font-m;
|
|
|
|
// Custom
|
|
$nav-item-padding: 15px 1rem;
|
|
$top-gray-line-height: 14px;
|
|
$top-gray-line-height-m: 8px;
|
|
|
|
$cell-image-size: 2.3rem;
|
|
|
|
// Core vars
|
|
$primary-color: $cyan-dark;
|
|
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
$font-family: roboto, sans-serif;
|
|
$font-color: black;
|
|
$link-color: $primary-color;
|
|
|
|
$width: 1280em / $base-font;
|
|
$mobile-limit: 64em;
|
|
$very-small-limit: 35em;
|
|
$columns-gutter: 100px;
|
|
$sidebar-width: 33%;
|
|
$fx-grid-gutter: $columns-gutter;
|
|
|
|
$header-logo-size: 63px 60px;
|
|
$show-site-title: true;
|
|
|
|
$toplinks-style: none;
|
|
$toplinks-background: white;
|
|
|
|
$nav-background: none;
|
|
$nav-menu-color: $font-color;
|
|
$nav-active-color: $primary-color;
|
|
$nav-border-color: none;
|
|
$nav-button-background: transparent;
|
|
$nav-submenu-background: white;
|
|
$nav-item-selected-color: $nav-active-color;
|
|
$nav-item-selected-background: none;
|
|
$nav-item-hover-color: $nav-active-color;
|
|
$nav-item-transform: uppercase;
|
|
$responsive-menu: left-to-right; // custom right-to-left adaptation
|
|
$nav-mobile-menu-background: white;
|
|
$nav-after-image: false;
|
|
$nav-menu-side: 60px;
|
|
$nav-button-background: $primary-color;
|
|
$nav-button-color: white;
|
|
|
|
$nav-mobile-bottom-bar-background: $gray-xlight;
|
|
$nav-mobile-bottom-bar-color: $primary-color;
|
|
$nav-mobile-bottom-bar-item-hover-background: $primary-color;
|
|
$nav-mobile-bottom-bar-item-hover-color: white;
|
|
$nav-mobile-bottom-bar-item-selected-background: $nav-mobile-bottom-bar-item-hover-background;
|
|
$nav-mobile-bottom-bar-item-selected-color: $nav-mobile-bottom-bar-item-hover-color;
|
|
|
|
$title-transform: uppercase;
|
|
$title-background: transparent;
|
|
$title-font-size: $fz-2;
|
|
$title-weight: 700;
|
|
$title-font-family: 'Roboto Condensed', sans-serif;
|
|
|
|
$cell-border: none;
|
|
$cell-title-cover-border: false;
|
|
$cell-entry-color: $primary-color;
|
|
$cell-entry-font-weight: 700;
|
|
$cell-entry-border-color: $gray-light;
|
|
$cell-entry-hover-color: $font-color;
|
|
$cell-entry-hover-background: transparent;
|
|
$cell-image-padding: 0;
|
|
|
|
$button-background: $primary-color;
|
|
$button-color: white;
|
|
$button-border: none;
|
|
$button-hover-background: gray;
|
|
$cancel-button-style: ".gray-button";
|
|
|
|
$error-color: #CE0500;
|
|
$form-sidebar-position: top;
|
|
$form-accent-color: $primary-color;
|
|
$buttons-order: cancel (grow), previous, submit;
|
|
|
|
|
|
$widget-border: 1px solid $gray-dark;
|
|
$widget-border-radius: 3px;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$wcs-steps-small-layout-limit: 0px;
|
|
$wcs-steps-spacing: 2rem;
|
|
$wcs-step-color: $gray-dark;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-marker-type: disc tied;
|
|
$wcs-step-marker-color: $primary-color;
|
|
$wcs-step-marker-background: white;
|
|
$wcs-step-current-marker-color: white;
|
|
$wcs-step-current-marker-background: $primary-color;
|
|
$wcs-step-marker-tie-width: 1px;
|
|
|
|
|
|
$notification_error_color: $error-color;
|
|
$notification_warning_color: $brown;
|
|
$notification_success_color: $green;
|
|
$notification_info_color: $cyan-dark;
|
|
$notification-style: border-bar;
|
|
$notification-icon-size: 2rem;
|
|
|
|
|
|
$footer-background: $gray-dark;
|
|
$footer-color: white;
|
|
$footer-link-color: $footer-color;
|