79 lines
1.7 KiB
SCSS
79 lines
1.7 KiB
SCSS
$blue: #3452ff;
|
|
$white: #ffffff;
|
|
$black: black;
|
|
$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: 890px;
|
|
$link-color: $blue;
|
|
$link-decoration: underline;
|
|
$link-hover-decoration: none;
|
|
|
|
$responsive-menu: left-to-right;
|
|
$nav-button-background: $white;
|
|
$nav-button-color: $black;
|
|
|
|
$nav-mobile-menu-background: $white;
|
|
$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;
|
|
|
|
$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;
|
|
|
|
$footer-background: $black;
|
|
$footer-color: $white;
|
|
$footer-link-color: $white;
|