116 lines
2.9 KiB
SCSS
116 lines
2.9 KiB
SCSS
// Colors
|
|
$gray: #686767;
|
|
$gray-dark: #444;
|
|
$gray-xdark: #222;
|
|
$gray-xlight: #EFEDE2;
|
|
$gray-xxlight: #FAFAF7;
|
|
$blue-light: #79baff;
|
|
$blue: #3879BF;
|
|
$blue-dark: #004084;
|
|
$red: #D02829;
|
|
|
|
// Typo
|
|
$ff-serif: Georgia, serif;
|
|
$ff-ss-serif: 'Open Sans', sans-serif;
|
|
$ff-ss-serif-cond: 'Open Sans Condensed', sans-serif;
|
|
|
|
$base-font: 18;
|
|
|
|
$fz-1: 38rem / $base-font;
|
|
$fz-1m: 28rem / $base-font;
|
|
$fz-2: 32rem / $base-font;
|
|
$fz-2m: 24rem / $base-font;
|
|
$fz-3: 22rem / $base-font;
|
|
$fz-3m: 20rem / $base-font;
|
|
$fz-small: 16rem / $base-font;
|
|
$fz-xsmall: 14rem / $base-font;
|
|
|
|
// Core vars
|
|
$width: 1280em / $base-font;
|
|
$mobile-limit: 64em;
|
|
$very-small-limit: 35em;
|
|
$columns-gutter: 16px;
|
|
$sidebar-width: 290px;
|
|
|
|
$font-family: Georgia, "Times New Roman", Times, serif;
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
$font-size-small: $fz-small;
|
|
$font-size-xsmall: $fz-xsmall;
|
|
$font-color: $gray-xdark;
|
|
$link-color: $blue;
|
|
$link-decoration: underline;
|
|
|
|
$primary-color: #003D8D;
|
|
$body-background: $gray-xlight;
|
|
$header-background-color: white;
|
|
$header-logo-size: 155px 47px;
|
|
$toplinks-style: none;
|
|
|
|
$nav-font-family: $ff-ss-serif;
|
|
$nav-font-weight: 400;
|
|
$nav-text-transform: uppercase;
|
|
$nav-item-selected-mode: bottom-border;
|
|
|
|
$nav-border-color: none;
|
|
$nav-button-color: $gray;
|
|
$nav-button-background: transparent;
|
|
$nav-menu-side: 32px;
|
|
$nav-color: $blue;
|
|
$nav-item-selected-border: 13px solid $red;
|
|
$nav-item-hover-background: none;
|
|
$nav-item-hover-color: $nav-color;
|
|
$nav-mobile-menu-background: white;
|
|
$nav-mobile-menu-item-color: $nav-color;
|
|
$nav-after-image: false;
|
|
|
|
$title-font-family: $ff-ss-serif-cond;
|
|
$title-font-size: $fz-2;
|
|
$title-weight: bold;
|
|
$title-color: $blue;
|
|
$title-padding: 1rem;
|
|
|
|
$cell-border: none;
|
|
$cell-entry-hover-background: transparent;
|
|
$cell-entry-hover-color: $blue-dark;
|
|
$cell-open-foldable-icon: "\f105"; // angle-right
|
|
$cell-close-foldable-icon: "\f107"; // angle-down
|
|
|
|
$form-title-style: none;
|
|
$form-sidebar-width: $sidebar-width;
|
|
$form-sidebar-gutter: $columns-gutter;
|
|
|
|
$button-background: $gray-dark;
|
|
$button-color: white;
|
|
$button-border: 1px solid $button-background;
|
|
$button-hover-background: $blue-dark;
|
|
$button-border-radius: 2px;
|
|
$buttons-order: cancel, previous, submit;
|
|
$button-padding: 0.625rem 2em;
|
|
|
|
$form-background: white;
|
|
$error-color: $red;
|
|
$form-accent-color: $blue;
|
|
$widget-unique-checkbox-position: left;
|
|
$widget-border: 1px solid $gray;
|
|
$widget-focus-border: 1px solid $blue;
|
|
$widget-focus-outline: 1px solid $blue;
|
|
|
|
$wcs-steps-small-layout-limit: $mobile-limit;
|
|
$wcs-steps-spacing: 0;
|
|
$wcs-step-color: $gray;
|
|
$wcs-step-current-color: $font-color;
|
|
$wcs-step-border-bottom: none;
|
|
|
|
$notification_error_color: #FFF4F4;
|
|
$notification_warning_color: #FFF9E3;
|
|
$notification_success_color: #F0FFF2;
|
|
$notification_info_color: #F0F8FF;
|
|
$notification-icon-size: 20px;
|
|
|
|
|
|
$footer-background: $gray-xdark;
|
|
$footer-color: white;
|
|
$footer-link-color: $footer-color;
|
|
$footer-menucell-separator: 2px solid currentColor;
|
|
|