103 lines
2.6 KiB
SCSS
103 lines
2.6 KiB
SCSS
// Colors
|
|
|
|
$blue: #5787f5;
|
|
$green: #8fe489;
|
|
$red: #e85f5b;
|
|
$black-blue: #172029;
|
|
$gray: rgb(78, 86, 96);
|
|
$gray-light: #f0f0f0;
|
|
$gray-dark: rgb(23, 32, 41);
|
|
|
|
// Fonts size:
|
|
$fz-h1: 2.8em; // 45px
|
|
$fz-h2: 2.5em; // 39px
|
|
$fz-h3: 1.875em;// 30px
|
|
$fz-h4: 1.55em; // 25px
|
|
$fz-h5: 1.25em; // 20px
|
|
$fz-h6: 1.125em;// 18px
|
|
$fz-small: 0.875em; // 14px
|
|
$fz-xsmall: 0.75em; // 12px
|
|
|
|
$theme-gutter: 2rem;
|
|
$theme-gutter-mobile: 1.25rem;
|
|
$theme-half-gutter: $theme-gutter / 2;
|
|
$theme-half-gutter-mobile: $theme-gutter / 2;
|
|
|
|
$theme-page-padding: 7.5rem;
|
|
|
|
|
|
// Core vars
|
|
$primary-color: $blue;
|
|
$font-family: muli, sans-serif;
|
|
$font-color: $gray-dark;
|
|
$link-color: $primary-color;
|
|
|
|
$very-small-limit: 560px;
|
|
$mobile-limit: 1023px;
|
|
$width: 1380px;
|
|
$columns-gutter: $theme-gutter * 2;
|
|
|
|
$nav-mobile-limit: 9999px;
|
|
$nav-active-color: transparent;
|
|
$nav-item-selected-color: $link-color;
|
|
$nav-item-selected-background: white;
|
|
$nav-item-transform: uppercase;
|
|
$nav-button-background: none;
|
|
$nav-button-color: $link-color;
|
|
$nav-menu-side: 30px;
|
|
$nav-mobile-menu-background: $gray-light;
|
|
$nav-mobile-menu-item-color: $font-color;
|
|
|
|
$title-background: transparent !default;
|
|
$title-color: $primary-color;
|
|
$title-weight: 900;
|
|
$title-font-size: $fz-h4;
|
|
$title-padding: 1rem $theme-gutter-mobile ;
|
|
|
|
$cell-border: none;
|
|
$cell-border-radius: 10px;
|
|
$cell-title-cover-border: false;
|
|
$cell-image-padding: 0;
|
|
|
|
$cell-entry-color: $font-color;
|
|
$cell-entry-hover-color: $link-color;
|
|
$cell-entry-hover-background: none;
|
|
|
|
$carrousel-text-position: top left;
|
|
$carrousel-navigation-bullet-size: 1rem;
|
|
$carrousel-navigation-bullet-border: 2px solid white;
|
|
$carrousel-height: 25rem;
|
|
|
|
$error-color: #e95f5c;
|
|
$button-background: $primary-color;
|
|
$button-color: white;
|
|
$button-border-radius: 3em;
|
|
$buttons-order: cancel, previous (grow), submit;
|
|
$buttons-alignment: space-between;
|
|
|
|
$widget-border-radius: 5px;
|
|
$widget-border: 1px solid $primary-color;
|
|
$widget-focus-color: $primary-color;
|
|
$wcs-step-color: $font-color;
|
|
$wcs-step-current-color: white;
|
|
$wcs-step-current-background: $primary-color;
|
|
$wcs-step-border-bottom: 1px solid $primary-color;
|
|
$wcs-step-current-border-bottom: $wcs-step-border-bottom;
|
|
$wcs-steps-small-layout-limit: $mobile-limit;
|
|
|
|
$notification_error_color: $error-color;
|
|
$notification_warning_color: #EC892F;
|
|
$notification_success_color: #15b350;
|
|
$notification_info_color: #3562da;
|
|
|
|
$back-top-icon-character: "↑";
|
|
$back-top-icon-size: 2em;
|
|
$back-top-display: mobile-only;
|
|
$back-top-layout-direction: horizontal;
|
|
$back-top-layout-position: static (center);
|
|
|
|
$footer-full-width-background: false;
|
|
$footer-background: $primary-color;
|
|
|
|
$toplinks-style: none;
|