85 lines
2.1 KiB
SCSS
85 lines
2.1 KiB
SCSS
// colors
|
|
$cyan: #209EBD;
|
|
$cyan-light: #41B6D3;
|
|
$cyan-xlight: #DFF3F7;
|
|
$cyan-dark: #507483;
|
|
$cyan-xdark: #073041;
|
|
|
|
// typo
|
|
$base-font: 16;
|
|
|
|
$fz-1: 38em / $base-font;
|
|
$fz-2: 28em / $base-font;
|
|
$fz-3: 22em / $base-font;
|
|
$fz-4: 18em / $base-font;
|
|
$fz-small : 14em / $base-font;
|
|
$fz-xsmall: 12em / $base-font;
|
|
|
|
// Core vars
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
$font-family: Inter, Arial, Helvetica, "Liberation Sans", sans-serif;
|
|
$font-color: $cyan-xdark;
|
|
$link-color: $cyan;
|
|
|
|
$width: 1200em / $base-font;
|
|
$mobile-limit: 64em;
|
|
$very-small-limit: 35em;
|
|
$columns-gutter: 30px;
|
|
$sidebar-width: 310px;
|
|
|
|
$primary-color: $cyan;
|
|
$body-background: white;
|
|
|
|
$header-background-color: white;
|
|
$header-logo-size: 143px 95px;
|
|
$show-site-title: true;
|
|
$toplinks-style: none;
|
|
|
|
$responsive-menu: left-to-right;
|
|
$nav-background: $cyan;
|
|
$nav-full-width-background: true;
|
|
$nav-color: white;
|
|
$nav-active-color: $cyan-light;
|
|
$nav-button-background: $cyan;
|
|
$nav-item-spacing: 1rem;
|
|
$nav-item-hover-color: $cyan-xlight;
|
|
$nav-item-hover-background: transparent;
|
|
$nav-mobile-menu-background: $cyan;
|
|
$nav-mobile-menu-item-color: white;
|
|
|
|
$nav-mobile-bottom-bar-background: $cyan-xdark;
|
|
$nav-mobile-bottom-bar-item-hover-background: black;
|
|
$nav-mobile-bottom-bar-item-selected-background: black;
|
|
|
|
$title-background: transparent;
|
|
$title-color: $font-color;
|
|
$title-font-size: $fz-4;
|
|
$title-weight: bold;
|
|
|
|
$cell-border: none;
|
|
$cell-entry-color: $font-color;
|
|
$cell-entry-font-weight: bold;
|
|
$cell-entry-border: 1px solid white;
|
|
$cell-entry-hover-background: transparent;
|
|
|
|
$form-sidebar-gutter: $columns-gutter;
|
|
$form-sidebar-width: 300px;
|
|
$button-background: $cyan;
|
|
$cancel-button-style: '%inverted-button';
|
|
$buttons-order: cancel (grow), previous, submit;
|
|
$widget-unique-checkbox-position: left;
|
|
$widget-border: 1px solid $cyan-dark;
|
|
|
|
$wcs-steps-spacing: 1rem;
|
|
$wcs-step-color: $cyan-dark;
|
|
$wcs-step-current-color: $cyan;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-marker-color: white;
|
|
$wcs-step-marker-background: $wcs-step-color;
|
|
$wcs-step-current-marker-color: white;
|
|
$wcs-step-current-marker-background: $wcs-step-current-color;
|
|
$wcs-step-marker-type: disc;
|
|
|
|
$footer-background: $cyan-xdark;
|
|
$footer-link-color: $cyan-xlight;
|