106 lines
2.6 KiB
SCSS
106 lines
2.6 KiB
SCSS
// colors
|
|
$blue: #0356F2;
|
|
$green: #51EDC6;
|
|
$yellow: #FFE600;
|
|
$gray-dark: #353535;
|
|
$gray: #555;
|
|
$gray-light: #DCDCDC;
|
|
|
|
// Typo
|
|
$base-font: 16;
|
|
$fz-1: 50em / $base-font;
|
|
$fz-2: 20em / $base-font;
|
|
$fz-3: 18em / $base-font;
|
|
$fz-4: 17em / $base-font;
|
|
$fz-small: 13rem / $base-font;
|
|
$fz-xsmall: 12rem / $base-font;
|
|
|
|
// Core vars
|
|
$width: 1600em / $base-font;
|
|
$mobile-limit: 70em;
|
|
$very-small-limit: 35em;
|
|
$columns-gutter: 80em / $base-font;
|
|
|
|
$primary-color: $blue;
|
|
$body-background: $blue;
|
|
$font-color: $gray-dark;
|
|
|
|
$font-family: 'MintGrotesk', sans-serif;
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
$font-size-small: $fz-small;
|
|
$font-size-xsmall: $fz-xsmall;
|
|
|
|
$primary-color: $blue;
|
|
$link-color: $primary-color;
|
|
$error-color: #FF0000;
|
|
$link-decoration: underline;
|
|
|
|
$toplinks-style: none;
|
|
$header-logo-size: 83px 102px;
|
|
|
|
$nav-background: transparent;
|
|
$nav-border-color: none;
|
|
$nav-font-weight: 600;
|
|
$nav-font-size: $fz-small;
|
|
$nav-text-transform: uppercase;
|
|
$nav-active-color: $blue;
|
|
$nav-item-selected-background: transparent;
|
|
$nav-item-selected-color: $nav-active-color;
|
|
$responsive-menu: left-to-right;
|
|
$nav-button-background: $green;
|
|
$nav-button-color: $blue;
|
|
$nav-menu-side: 70px;
|
|
$nav-mobile-menu-background: white;
|
|
$nav-mobile-menu-item-hover-background: #245CDC;
|
|
$nav-mobile-menu-item-hover-color: white;
|
|
$nav-after-image: false;
|
|
|
|
$nav-mobile-bottom-bar-height: 80px;
|
|
|
|
$title-font-size: $fz-2;
|
|
$title-weight: 600;
|
|
$title-transform: uppercase;
|
|
|
|
$cell-border: none;
|
|
$cell-border-radius: 10px;
|
|
$cell-entry-color: $font-color;
|
|
$cell-entry-hover-background: #F8F8F8;
|
|
|
|
$button-border-radius: 5px;
|
|
$button-background: $green;
|
|
$button-color: black;
|
|
$button-border: 3px solid $green;
|
|
$button-hover-background: white;
|
|
|
|
$form-sidebar-position: top;
|
|
// $wcs-steps-spacing: 6rem;
|
|
$wcs-step-color: $font-color;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-marker-color: $blue;
|
|
$wcs-step-current-marker-color: white;
|
|
$wcs-step-marker-background: white;
|
|
$wcs-step-current-marker-background: $blue;
|
|
$wcs-step-marker-type: disc tied;
|
|
$wcs-step-marker-tie-color: $blue;
|
|
$wcs-step-marker-tie-width: 1px;
|
|
$wcs-steps-small-layout-limit: $mobile-limit;
|
|
|
|
$form-accent-color: $green;
|
|
$form-background: white;
|
|
$form-title-style: none;
|
|
$widget-unique-checkbox-position: left;
|
|
$widget-padding: 0.8rem 1.6rem;
|
|
$widget-border: 2px solid $gray-light;
|
|
$widget-focus-color: $blue;
|
|
$widget-focus-border: 2px solid $widget-focus-color;
|
|
$field-on-error-style: custom;
|
|
$buttons-order: cancel, previous, submit;
|
|
$buttons-alignment: center;
|
|
|
|
$notification_error_color: $error-color;
|
|
$notification_warning_color: $yellow;
|
|
$notification_success_color: $green;
|
|
$notification_info_color: $blue;
|
|
|
|
$footer-background: $blue;
|
|
$footer-link-color: white; |