116 lines
3.0 KiB
SCSS
116 lines
3.0 KiB
SCSS
// Colors
|
|
$blue: hsl(193,61%,59%);
|
|
$blue-fade: hsla(193, 61%, 59%, 0.3);
|
|
$blue-light: #cceaf3;
|
|
$blue-xdark: #353D55;
|
|
$gray-blue: hsl(223,17%,34%);
|
|
$gray-blue-fade: hsla(223, 17%, 34%, 0.4);
|
|
$gray: #c1c1c1;
|
|
$red: #EF4B51;
|
|
|
|
// Fonts
|
|
$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: 11em / $base-font;
|
|
|
|
$ss-serif: Mundial, sans-serif;
|
|
$serif: "bree-serif", serif;
|
|
|
|
// Img
|
|
$cell-img-width: 60%;
|
|
$cell-img-height: 100px;
|
|
|
|
|
|
//Logo
|
|
$logo-width: 160px;
|
|
$logo-height: 90px;
|
|
|
|
// Core vars
|
|
$width: 1200em / $base-font;
|
|
$mobile-limit: 64em;
|
|
$very-small-limit: 35em;
|
|
$mobile-width: 50em;
|
|
$columns-gutter: 2rem;
|
|
$sidebar-width: calc(33% - 1rem);
|
|
|
|
$primary-color: $blue;
|
|
$link-color: $red;
|
|
$font-size: 100%;
|
|
$font-family: $ss-serif;
|
|
$font-color: $gray-blue;
|
|
|
|
$toplinks-style: none;
|
|
|
|
$nav-background: linear-gradient(to bottom, transparent 50%, $blue-fade 50%);
|
|
$nav-full-width-background: true;
|
|
$nav-after-image: false;
|
|
$nav-item-spacing: 1rem;
|
|
$nav-item-selected-background: $red;
|
|
$nav-submenu-background: transparent;
|
|
$responsive-menu: left-to-right; // right-to-left adaptation
|
|
$nav-mobile-menu-background: $blue-xdark;
|
|
$nav-mobile-menu-item-color: white;
|
|
$nav-mobile-menu-item-hover-background: $blue-xdark;
|
|
$nav-mobile-menu-item-hover-color: $blue;
|
|
$nav-menu-side: 40px;
|
|
$nav-button-background: $blue-xdark;
|
|
$nav-button-bar-height: 3px;
|
|
$nav-border-color: white; // used to change button toggled color
|
|
|
|
$nav-mobile-bottom-bar-background: $blue-xdark;
|
|
$nav-mobile-bottom-bar-color: white;
|
|
$nav-mobile-bottom-bar-item-hover-background: $nav-mobile-bottom-bar-background;
|
|
$nav-mobile-bottom-bar-item-hover-color: $blue;
|
|
|
|
$title-background: transparent;
|
|
$title-color: inherit;
|
|
$title-font-family: $serif;
|
|
$title-font-size: $fz-1;
|
|
$title-weight: 700;
|
|
$title-padding: 0.75rem 1.5rem;
|
|
|
|
$button-background: $blue-xdark;
|
|
$button-color: white;
|
|
$button-hover-background: $red;
|
|
$button-border-radius: 4px;
|
|
|
|
$cell-title-cover-border: fasle;
|
|
$cell-border: none;
|
|
$cell-entry-color: $blue-xdark;
|
|
$cell-entry-hover-color: $red;
|
|
$cell-entry-hover-background: transparent;
|
|
$cell-entry-border: 1px solid $blue-light;
|
|
$cell-image-position: top;
|
|
$cell-image-padding: 0;
|
|
$cell-border-radius: 5px;
|
|
|
|
$error-color: $red;
|
|
$form-sidebar-width: 25%;
|
|
$form-sidebar-gutter: 2rem;
|
|
$widget-border: 1px solid $gray-blue-fade;
|
|
$widget-focus-border: 1px solid $gray-blue;
|
|
$widget-border-radius: 4px;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$cancel-button-style: '%gray-button';
|
|
$buttons-order: previous, cancel (grow), submit;
|
|
|
|
$wcs-steps-spacing: 1rem;
|
|
$wcs-step-color: $font-color;
|
|
$wcs-step-current-color: $wcs-step-color;
|
|
$wcs-step-border-bottom: 1px solid $primary-color;
|
|
$wcs-step-current-border-bottom: $wcs-step-border-bottom;
|
|
$wcs-step-marker-type: disc;
|
|
$wcs-step-current-marker-color: white;
|
|
$wcs-step-current-marker-background: $primary-color;
|
|
$wcs-steps-small-layout-limit: $mobile-limit;
|
|
|
|
$or-separator: false;
|
|
|
|
$footer-background: white;
|
|
$footer-color: $font-color;
|