86 lines
1.9 KiB
SCSS
86 lines
1.9 KiB
SCSS
// colors
|
|
$violet-dark: #22104b;
|
|
$red: #ec234f;
|
|
$red-dark: #ac1a3a;
|
|
$red-xdark: #84142d;
|
|
$green: #bcf157;
|
|
$gray-light: #e3e3e3;
|
|
$gray: #ccc;
|
|
$gray-dark: #999;
|
|
|
|
// font-size
|
|
$fz-1: 55em / 15;
|
|
$fz-2: 35em / 15;
|
|
$fz-3: 30em / 15;
|
|
$fz-4: 25em / 15;
|
|
$fz-5: 19em / 15;
|
|
$fz-small: 13em / 15;
|
|
|
|
$header-width: 1440em / 15;
|
|
|
|
// Core vars
|
|
$primary-color: $violet-dark;
|
|
$font-family: Roboto, sans-serif !default;
|
|
$font-color: $violet-dark;
|
|
$font-size: 15px;
|
|
$link-color: $red;
|
|
$width: 1220rem / 15;
|
|
$mobile-limit: 64em;
|
|
$very-small-limit: 35em;
|
|
$columns-gutter: 2rem;
|
|
$sidebar-width: 18rem;
|
|
$sidebar-position: right;
|
|
|
|
$nav-background: transparent;
|
|
$nav-active-color: transparent;
|
|
$nav-color: $font-color;
|
|
$nav-menu-color: $nav-color;
|
|
$nav-submenu-background: $green;
|
|
$nav-mobile-menu-background: $green;
|
|
$nav-after-image: false;
|
|
$nav-menu-side: 4rem;
|
|
$nav-button-bar-height: 6px;
|
|
$nav-item-transform: uppercase;
|
|
|
|
$title-background: transparent;
|
|
$title-color: $violet-dark;
|
|
$title-font-size: $fz-2;
|
|
$title-weight: 800;
|
|
$title-transform: uppercase;
|
|
$title-padding: 0 0 0.33em 0;
|
|
|
|
$cell-background: transparent;
|
|
$cell-border: none;
|
|
$cell-title-cover-border: false;
|
|
|
|
$carrousel-arrows: none;
|
|
$carrousel-text-position: middle left;
|
|
$carrousel-item-mask-color: false;
|
|
|
|
$button-background: $red;
|
|
$button-border: 1px solid $red;
|
|
$button-color: white;
|
|
$button-hover-background: white;
|
|
$button-hover-color: $red;
|
|
$buttons-order: cancel, previous, submit;
|
|
|
|
$widget-border: 1px solid $gray;
|
|
$widget-focus-border: 1px solid $font-color;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$form-sidebar-position: right;
|
|
$form-sidebar-width: $sidebar-width;
|
|
$form-sidebar-gutter: $columns-gutter;
|
|
|
|
$wcs-steps-spacing: 0.7em;
|
|
$wcs-step-color: $gray;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-marker-background: $wcs-step-color;
|
|
$wcs-step-marker-color: white;
|
|
$wcs-step-current-marker-background: $red;
|
|
$wcs-step-current-marker-color: white;
|
|
|
|
|
|
$footer-background: $violet-dark;
|
|
$footer-link-color: $green;
|