124 lines
3.3 KiB
SCSS
124 lines
3.3 KiB
SCSS
// Colors
|
|
$red: #E61E50;
|
|
$green: #C7F7D2;
|
|
$salmon: #FFDCBD;
|
|
|
|
$gray-dark: #232323;
|
|
$gray: #565656;
|
|
$gray-light: #F2F2F2;
|
|
|
|
// Typo
|
|
$base-font: 18;
|
|
$fz-1: 54em / $base-font;
|
|
$fz-2: 34em / $base-font;
|
|
$fz-3: 30em / $base-font;
|
|
$fz-4: 22em / $base-font;
|
|
$fz-small: 16em / $base-font;
|
|
$fz-xsmall: 12em / $base-font;
|
|
|
|
$title-ff: Inter, sans-serif;
|
|
|
|
// Layout
|
|
$edge-gutter: 2rem;
|
|
$edge-gutter-mobile: 1em;
|
|
$central-content-top: 2rem;
|
|
|
|
// Core vars
|
|
$width: 1400px;
|
|
$sidebar-width: 22em;
|
|
$columns-gutter: 2.8em;
|
|
$sidebar-columns-gutter: $columns-gutter;
|
|
$mobile-limit: 64em;
|
|
$very-small-limit: 35em;
|
|
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
$font-size-small: $fz-small;
|
|
$font-size-xsmall: $fz-xsmall;
|
|
$font-family: Montserrat, sans-serif;
|
|
$font-color: $gray-dark;
|
|
|
|
$header-background-color: white;
|
|
$header-logo-size: 260px 102px;
|
|
$primary-color: $red;
|
|
$toplinks-style: none;
|
|
|
|
$responsive-menu: left-to-right;
|
|
$nav-border-color: none;
|
|
$nav-after-image: false;
|
|
$nav-item-background: $gray-dark;
|
|
$nav-color: white;
|
|
$nav-item-selected-background: $red;
|
|
$nav-mobile-menu-background: white;
|
|
$nav-mobile-menu-item-hover-background: $nav-mobile-menu-background;
|
|
$nav-mobile-menu-item-color: $font-color;
|
|
$nav-mobile-menu-item-hover-color: $red;
|
|
$responsive-menu-mask: true;
|
|
|
|
$cell-background: $gray-light;
|
|
$cell-border: 2px solid $gray-light;
|
|
$cell-border-radius: 35px;
|
|
$cell-title-cover-border: false;
|
|
$cell-entry-color: $font-color;
|
|
$cell-entry-hover-color: $red;
|
|
$cell-entry-border: 2px solid $gray;
|
|
|
|
$title-background: transparent;
|
|
$title-color: $font-color;
|
|
$title-font-family: $title-ff;
|
|
$title-font-size: $fz-2;
|
|
$title-weight: 800;
|
|
$title-padding: 2rem 1rem 1rem 1rem;
|
|
|
|
$button-background: white;
|
|
$button-color: $font-color;
|
|
$button-border: 1px solid $font-color;
|
|
$button-border-radius: 100em;
|
|
$button-hover-background: $red;
|
|
$button-hover-color: white;
|
|
|
|
$buttons-order: cancel, previous (grow), submit;
|
|
$form-accent-color: $red;
|
|
$form-title-style: none;
|
|
$form-sidebar-width: $sidebar-width;
|
|
$form-sidebar-gutter: $sidebar-columns-gutter;
|
|
|
|
$wcs-steps-small-layout-limit: $mobile-limit;
|
|
$wcs-steps-spacing: 1rem;
|
|
$wcs-step-color: white;
|
|
$wcs-step-border-bottom: none;
|
|
$wcs-step-marker-color: $font-color;
|
|
$wcs-step-current-marker-color: white;
|
|
$wcs-step-current-label-color: white;
|
|
$wcs-step-marker-background: white;
|
|
$wcs-step-current-marker-background: $gray;
|
|
$wcs-step-marker-type: disc;
|
|
|
|
$widget-unique-checkbox-position: left;
|
|
$widget-border: 1px solid currentColor;
|
|
$widget-border-radius: 15px;
|
|
$widget-focus-border: 1px solid black;
|
|
$widget-focus-color: black;
|
|
$widget-padding: 1rem 1.5rem;
|
|
|
|
$timetable-cell-background: $gray-light;
|
|
$timetable-cell-selected-background: $red;
|
|
$timetable-cell-selected-color: white;
|
|
$timetable-cell-hover-background: $timetable-cell-background;
|
|
|
|
$notification_error_color: #E61E50;
|
|
$notification_warning_color: #FFDCBD;
|
|
$notification_success_color: #C7F7D2;
|
|
$notification_info_color: #F2F2F2;
|
|
|
|
$footer-background: white;
|
|
$footer-color: $font-color;
|
|
$footer-menucell-separator: 1px solid;
|
|
|
|
|
|
$nav-mobile-bottom-bar-height: 90px;
|
|
$nav-mobile-bottom-bar-background: white;
|
|
$nav-mobile-bottom-bar-color: $font-color;
|
|
$nav-mobile-bottom-bar-item-hover-background: transparent;
|
|
$nav-mobile-bottom-bar-item-selected-background: transparent;
|
|
$nav-mobile-bottom-bar-item-hover-color: $red;
|
|
$nav-mobile-bottom-bar-item-selected-color: $red; |