155 lines
3.5 KiB
SCSS
155 lines
3.5 KiB
SCSS
// colors
|
|
$blue: #087FA3;
|
|
$blue-dark: #055A81;
|
|
$blue-light: #E4F4FB;
|
|
|
|
$green: #20A791;
|
|
$green-light: #E0F6EE;
|
|
$green-dark: #167E6A;
|
|
$green-xdark: #0F5B4C;
|
|
|
|
$orange: #E17120;
|
|
|
|
$violet: #6D29B1;
|
|
$violet-light: #ba9cd9;
|
|
$violet-xlight: #efeaf4;
|
|
|
|
$gray: #D4D1CE;
|
|
$gray-light: #EFEDEB;
|
|
$gray-xlight: #F6F5F4;
|
|
$gray-dark: #949494;
|
|
$gray-xdark: #707070;
|
|
|
|
$red-dark: #A61010;
|
|
|
|
$gradient: linear-gradient(
|
|
45deg,
|
|
$green,
|
|
$blue-dark
|
|
);
|
|
$gradient-reverse: linear-gradient(
|
|
225deg,
|
|
$green,
|
|
$blue-dark
|
|
);
|
|
|
|
// typo
|
|
$title-ratio: 1.2;
|
|
$fz-5: $title-ratio*1em;
|
|
$fz-4: $fz-5*$title-ratio;
|
|
$fz-3: $fz-4*$title-ratio;
|
|
$fz-2: $fz-3*$title-ratio;
|
|
$fz-1: $fz-2*$title-ratio;
|
|
|
|
$font-small: 0.875em;
|
|
|
|
$font-line-height: 1.5;
|
|
// border radius
|
|
$radius-s: 0.2rem;
|
|
$radius-l: 1rem;
|
|
|
|
// Layout
|
|
$header-height: 80px;
|
|
|
|
// Core vars
|
|
$primary-color: $blue;
|
|
|
|
$font-color: black;
|
|
$font-family: "Source sans pro", Ubuntu, Cantarell, Noto Sans, sans-serif;
|
|
$link-color: $primary-color;
|
|
|
|
$width: 1280px;
|
|
$columns-gutter: 2rem;
|
|
$grid-gutter: 2rem;
|
|
$sidebar-width: calc(33% - #{$columns-gutter });
|
|
$sidebar-min-width: 300px;
|
|
|
|
$header-logo-size: 137px 30px;
|
|
$toplinks-style: none;
|
|
|
|
$nav-border-color: none;
|
|
$nav-background: black;
|
|
$nav-full-width-background: true;
|
|
$nav-color: white;
|
|
$nav-border-radius: 0;
|
|
$nav-item-selected-background: $gray-xdark;
|
|
$nav-item-hover-background: $nav-background;
|
|
$nav-submenu-color: $nav-color;
|
|
|
|
$nav-button-background: transparent;
|
|
$nav-button-color: black;
|
|
$nav-menu-side: 35px;
|
|
$nav-mobile-menu-background: $nav-background;
|
|
$nav-mobile-menu-item-hover-background: $nav-item-selected-background;
|
|
$nav-mobile-menu-item-color: $nav-color;
|
|
|
|
$nav-after-image-height: 200px;
|
|
|
|
$title-border-radius: 0;
|
|
$title-font-size: $fz-3;
|
|
$title-padding: 1rem;
|
|
$title-background: transparent;
|
|
$title-weight: normal;
|
|
|
|
$cell-border-radius: $radius-s;
|
|
$cell-image-padding: 0;
|
|
$cell-border: none;
|
|
$cell-background: transparent;
|
|
|
|
$cell-entry-color: $link-color;
|
|
$cell-entry-hover-background: transparent;
|
|
$cell-entry-border-color: $gray;
|
|
|
|
$form-sidebar-width: 25%;
|
|
$form-sidebar-gutter: $columns-gutter;
|
|
|
|
$button-color: white;
|
|
$button-hover-background: #055A81;
|
|
$button-background: $link-color;
|
|
$button-border: none;
|
|
$button-border-radius: $radius-l;
|
|
$cancel-button-style: '%inverted-button';
|
|
$buttons-order: cancel (grow), previous, submit;
|
|
|
|
$form-accent-color: $primary-color;
|
|
$error-color: $red-dark;
|
|
$field-on-error-style: custom;
|
|
$widget-unique-checkbox-position: left;
|
|
$widget-background: white;
|
|
$widget-border-radius: $radius-l;
|
|
$widget-border: 1px solid $gray;
|
|
$widget-focus-border: 1px solid $blue;
|
|
$widget-focus-box-shadow: inset 0 0 0 1px $blue;
|
|
$widget-focus-outline: 2px solid $blue-light;
|
|
$widget-focus-outline-offset: 1px;
|
|
|
|
$wcs-step-current-color: $link-color;
|
|
$wcs-step-marker-type: disc;
|
|
|
|
$wcs-steps-spacing: 1rem;
|
|
$wcs-step-color: $gray-dark;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-marker-size: 1.8em;
|
|
$wcs-step-marker-background: white;
|
|
$wcs-step-current-marker-color: white;
|
|
$wcs-step-current-marker-background: $blue-dark;
|
|
$wcs-step-marker-type: square tied;
|
|
$wcs-step-marker-tie-width: 2px;
|
|
|
|
$table-headers-color: black;
|
|
$table-headers-background: #E4F3F9;
|
|
$table-caption-color: $font-color;
|
|
$table-headers-font-family: $font-family;
|
|
$table-headers-font-size: 1rem;
|
|
$table-headers-font-weight: bold;
|
|
$table-headers-text-transform: none;
|
|
$table-headers-font-style: normal;
|
|
|
|
$footer-color: white;
|
|
$footer-link-color: white;
|
|
$footer-background: #087fa3;
|
|
|
|
$back-top-display: block;
|
|
$back-top-icon-character: "\f062";
|
|
$back-top-icon-size: 1em;
|