84 lines
1.9 KiB
SCSS
84 lines
1.9 KiB
SCSS
$blue: #3452ff;
|
|
$epicea: #5d7b84;
|
|
|
|
$gray-light-1: rgba(0, 0, 0, 0.87);
|
|
|
|
$primary-color: $blue;
|
|
|
|
$space-xsmall: 0.25em;
|
|
$space-small: 0.5em;
|
|
$space-medium: 1em;
|
|
$space-large: 2em;
|
|
$space-xlarge: 3em;
|
|
|
|
// // typo
|
|
$font-color: black;
|
|
$font-family: "Source Sans Pro", sans-serif;
|
|
$font-size: 18px;
|
|
$font-line-height: 27px;
|
|
$base-font: 16;
|
|
$fz-1: 30em / $base-font;
|
|
$fz-2: 24em / $base-font;
|
|
$fz-3: 21em / $base-font;
|
|
$fz-4: 18em / $base-font;
|
|
$fz-small: 14em / $base-font;
|
|
$fz-xsmall: 12em / $base-font;;
|
|
$fz-xxsmall: 11em / $base-font;;
|
|
|
|
$width: 1200px;
|
|
$link-color: $blue;
|
|
$link-decoration: underline;
|
|
$link-hover-decoration: none;
|
|
|
|
$responsive-menu: left-to-right;
|
|
$nav-color: white;
|
|
$nav-background: transparent;
|
|
$nav-button-background: transparent;
|
|
$nav-button-color: white;
|
|
$nav-border-color: none;
|
|
$nav-mobile-menu-background: white;
|
|
$nav-item-background: transparent;
|
|
$nav-item-selected-background: $blue;
|
|
$nav-item-selected-color: white;
|
|
|
|
$nav-item-hover-background: white;
|
|
$nav-item-hover-color: $blue;
|
|
|
|
$nav-submenu-background: $blue;
|
|
$nav-submenu-color: white;
|
|
|
|
$nav-mobile-bottom-bar-color: white;
|
|
$nav-mobile-bottom-bar-background: $blue;
|
|
|
|
$toplinks-border-radius: 0;
|
|
$toplinks-box-shadow: none;
|
|
$toplinks-padding: $space-medium;
|
|
$toplinks-border: none;
|
|
|
|
|
|
$title-color: black;
|
|
$title-font-size: $fz-2;
|
|
$title-weight: 700;
|
|
|
|
$button-background: $blue;
|
|
$button-color: white;
|
|
$button-border: 2px solid $blue;
|
|
$button-hover-background: white;
|
|
$button-hover-color: $blue;
|
|
$button-focus-outline: 2px solid $blue;
|
|
$button-focus-outline-offset: 2px;
|
|
$cancel-button-style: '%inverted-button';
|
|
$buttons-order: previous, cancel (grow), submit;
|
|
|
|
$form-sidebar-width: 30%;
|
|
|
|
$widget-background: white;
|
|
$widget-focus-border: 1px solid transparent;
|
|
$widget-border-radius: 4px;
|
|
$widget-focus-outline: 2px solid $blue;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$footer-background: black;
|
|
$footer-color: white;
|
|
$footer-link-color: white;
|