84 lines
2.0 KiB
SCSS
84 lines
2.0 KiB
SCSS
// Colors
|
|
$gold: #FECE15;
|
|
$cyan-dark: hsl(184,43%,26%);
|
|
$cyan-xlight: hsl(184,15%,90%);
|
|
$gray-light: #F5F5F5;
|
|
$gray: #bebebe;
|
|
$gray-dark: #4D4D4D;
|
|
|
|
// fonts
|
|
$raleway: raleway, sans-serif;
|
|
$source-sans: 'Source Sans Pro', sans-serif;
|
|
$fz-h1: 2.75em;
|
|
$fz-h2: 1.8em;
|
|
$fz-h3: 1.3em;
|
|
$fz-h4: 1.2em;
|
|
$fz-small: 0.875em;
|
|
|
|
// layout
|
|
$header-height-desktop: 5rem;
|
|
$header-height-mobile: 4.3rem;
|
|
$yellow-border-desktop: 4.5rem;
|
|
$yellow-border-mobile: 1rem;
|
|
$main-padding-desktop: 3rem;
|
|
$main-padding-mobile: 1rem;
|
|
$sidebar-columns-gutter: $main-padding-desktop;
|
|
|
|
// Core vars
|
|
$primary-color: $cyan-dark;
|
|
$link-color: $cyan-dark;
|
|
|
|
$width: 1920px;
|
|
$mobile-limit: 70em;
|
|
$mobile-width: none;
|
|
$nav-mobile-limit: 50em;
|
|
$very-small-limit: 560px;
|
|
$font-family: $source-sans;
|
|
$link-decoration: underline;
|
|
$sidebar-position: right;
|
|
$sidebar-max-width: 400px;
|
|
$sidebar-width: 21%;
|
|
$sidebar-min-width: 290px;
|
|
|
|
$nav-background: $cyan-dark;
|
|
$nav-full-width-background: true;
|
|
$nav-color: white;
|
|
$nav-active-color: white;
|
|
$nav-item-selected-color: $cyan-dark;
|
|
$nav-menu-side: 3rem;
|
|
$nav-button-background: transparent;
|
|
$nav-button-color: $gray-dark;
|
|
$nav-button-bar-height: 4px;
|
|
$nav-mobile-menu-background: white;
|
|
$nav-mobile-menu-item-color: $cyan-dark;
|
|
$nav-mobile-menu-item-hover-background: $cyan-dark;
|
|
$nav-mobile-menu-item-hover-color: white;
|
|
|
|
$title-font-size: $fz-h3;
|
|
$title-background: $cyan-dark;
|
|
$title-color: white;
|
|
$title-font-style: $raleway;
|
|
$title-weight: bold;
|
|
$title-transform: uppercase;
|
|
|
|
$cell-border: 1px solid $cyan-dark;
|
|
$cell-title-cover-border: false;
|
|
$cell-background: transparent;
|
|
$cell-entry-color: $gray-dark;
|
|
$cell-entry-hover-color: black;
|
|
$cell-entry-border: 1px solid $cyan-dark;
|
|
$cell-entry-hover-background: $cyan-xlight;
|
|
|
|
$button-background: $cyan-dark;
|
|
$buttons-order: submit, previous, cancel;
|
|
|
|
$notification_error_color: #D40000;
|
|
$notification_warning_color: #F9C92F;
|
|
$notification_success_color: $cyan-dark;
|
|
$notification_info_color: $cyan-dark;
|
|
$notification-force-link-style: false;
|
|
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$footer-background: $cyan-dark;
|