68 lines
1.5 KiB
SCSS
68 lines
1.5 KiB
SCSS
// custom vars
|
|
// Colors
|
|
$pink: #e40d7e;
|
|
$pink-xxdark: #42373d;
|
|
$blue-dark: #003d7e;
|
|
$blue: #2ba3d7;
|
|
$grayish-yellow: #f4f2e6;
|
|
$gray-dark: #333;
|
|
$gray: #737373;
|
|
// typo
|
|
$fz-desktop: 125%; // 20px
|
|
$fz-mobile: 100%; // 16px
|
|
$fz-h1: 2em;
|
|
$fz-h2: 1.6em;
|
|
$fz-h3: 1.3em;
|
|
$fz-h4: 1em;
|
|
$fz-small: 0.8em;
|
|
$ff-ss-serif: Raleway, sans-serif;
|
|
$ff-serif: "Roboto Slab", serif;
|
|
// Layout
|
|
$toplinks-height: 40px;
|
|
$header-desktop-height: 6rem;
|
|
$header-desktop-fixed-height: 4rem;
|
|
|
|
|
|
// Core vars
|
|
$width: 1140px;
|
|
$mobile-limit: 1024px;
|
|
$very-small-limit: 560px;
|
|
$font-family: $ff-ss-serif;
|
|
$primary-color: $pink;
|
|
$font-color: black;
|
|
$font-size: $fz-desktop;
|
|
$border-radius: 0px;
|
|
|
|
$link-color: $blue-dark;
|
|
|
|
$nav-background: $grayish-yellow;
|
|
$nav-active-color: $primary-color;
|
|
$nav-item-selected-mode: bottom-border;
|
|
$nav-submenu-color: $font-color;
|
|
$nav-after-image-height: 300px;
|
|
$nav-item-selected-border: 4px solid $primary-color;
|
|
$nav-item-transform: uppercase;
|
|
|
|
$cell-border: none;
|
|
$cell-image-position: top;
|
|
$cell-image-padding: 0;
|
|
|
|
$title-font-size: $fz-h3;
|
|
$title-color: $gray-dark;
|
|
$title-weight: bold;
|
|
$title-border-bottom: 2px solid $primary-color;
|
|
$title-border-radius: 0;
|
|
|
|
$button-background: $primary-color;
|
|
$button-hover-background: $primary-color;
|
|
$button-border-radius: 0.5em;
|
|
$buttons-order: previous, submit (grow), cancel;
|
|
$widget-focus-border: 1px solid $blue-dark;
|
|
|
|
$wcs-step-current-color: $gray-dark;
|
|
|
|
$notification-style: border-icon;
|
|
|
|
$footer-background: white;
|
|
$footer-color: $gray;
|