95 lines
2.3 KiB
SCSS
95 lines
2.3 KiB
SCSS
// colors
|
|
$orange: #FFC32D;
|
|
$blue: #0D74EF;
|
|
$blue-light: #03CFEC;
|
|
$green: #00F7AA;
|
|
$violet: #6E19E6;
|
|
$gray: #707070;
|
|
$gray-dark: #272727;
|
|
$gray-light: #DCDCDC;
|
|
$gray-xlight: #F5F5F5;
|
|
|
|
|
|
|
|
// fonts size
|
|
$base-font: 16;
|
|
$fz-1: 44em / $base-font;
|
|
$fz-2: 30em / $base-font;
|
|
$fz-3: 24em / $base-font;
|
|
$fz-4: 18em / $base-font;
|
|
$fz-small: 14em / $base-font;
|
|
|
|
// Core vars
|
|
$width: 1096em / $base-font;
|
|
$mobile-width: 600em / $base-font;
|
|
$mobile-limit: 1025px;
|
|
$very-small-limit: 35em;
|
|
$columns-gutter: 60rem / $base-font;
|
|
// $sidebar-columns-gutter: 120em / $base-font;
|
|
$sidebar-columns-gutter: $columns-gutter;
|
|
$sidebar-width: 320rem / $base-font;
|
|
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
$font-family: Lato, sans-serif;
|
|
$font-color: black;
|
|
$link-color: $violet;
|
|
$primary-color: #FFC300;
|
|
|
|
$nav-mobile-limit: 9999px;
|
|
$nav-menu-color: black;
|
|
$nav-mobile-menu-background: $gray-dark;
|
|
$nav-active-color: $orange;
|
|
$responsive-menu: left-to-right; // based on left-to-right, but use a custom right-to-left
|
|
$nav-button-background: black;
|
|
$nav-button-color: white;
|
|
$nav-button-bar-height: 3px;
|
|
$nav-menu-side: 3rem;
|
|
|
|
$title-font-family: Oswald, sans-serif;
|
|
$title-font-size: $fz-3;
|
|
$title-weight: 500;
|
|
$title-transform: uppercase;
|
|
$title-padding: 0.7rem 1rem;
|
|
$title-border-bottom: 2px solid black;
|
|
$title-background: none;
|
|
|
|
$notification_base_color: transparent;
|
|
$notification-icon-position: center;
|
|
|
|
$cell-border: none;
|
|
$cell-background: none;
|
|
$cell-title-cover-border: false;
|
|
$cell-entry-color: black;
|
|
$cell-entry-font-weight: bold;
|
|
$cell-entry-border: 1px solid black;
|
|
$cell-entry-hover-background: $gray-light;
|
|
|
|
$button-background: black;
|
|
$buttons-order: cancel (grow), previous, submit;
|
|
$button-hover-color: black;
|
|
$button-hover-background: white;
|
|
$submit-button-style: "%orange-button";
|
|
|
|
$form-sidebar-gutter: $columns-gutter;
|
|
$form-sidebar-width: 25.5%;
|
|
|
|
$wcs-steps-spacing: 1rem;
|
|
$wcs-step-color: black;
|
|
$wcs-step-current-color: $wcs-step-color;
|
|
$wcs-step-current-background: $orange;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-steps-small-layout-limit: $mobile-limit;
|
|
|
|
$widget-border: 1px solid $gray-light;
|
|
$widget-focus-border: 1px solid black;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$footer-background: black;
|
|
$footer-color: white;
|
|
$footer-link-color: white;
|
|
|
|
$timetable-cell-background: $green;
|
|
$timetable-cell-hover-background: $violet;
|
|
|
|
$notification-force-link-style: false;
|