publik-base-theme/static/haguenau/_vars.scss

91 lines
2.2 KiB
SCSS

// Colors
$blue: #005694;
$green: #95C11F;
$gray_light: #E9E9E9;
$gray: #616161;
// fonts size
$fz-h1: calc(40em / 17);
$fz-h2: calc(23em / 17);
$fz-h3: calc(20em / 17);
$fz-small: calc(15em / 17);
// Layout
$logo-height: 84px;
$logo-width: 250px;
// Core vars
$primary-color: $blue;
$font-family: "Lato", sans-serif;
$font-color: $gray;
$link-color: $primary-color;
$width: 1120px;
$mobile-limit: 64em;
$very-small-limit: 560px;
$columns-gutter: 1.5rem;
$sidebar-columns-gutter: 0;
$sidebar-width: calc(265em / 17);
$grid-gutter: $columns-gutter;
$nav-color: $blue;
$nav-item-selected-background: transparent;
$nav-item-selected-border: 3px solid $green;
$nav-item-selected-mode: bottom-border;
$nav-height: $logo-height / 2;
$nav-menu-color: $blue;
$nav-after-image: false;
$responsive-menu: left-to-right;
$nav-menu-side: 40px;
$nav-button-background: $blue;
$nav-button-color: white;
$nav-mobile-menu-background: $blue;
$nav-mobile-menu-item-color: white;
$nav-mobile-menu-item-hover-color: white;
$title-color: $blue;
$title-background: transparent;
$title-font-size: $fz-h3;
$title-weight: 900;
$title-transform: uppercase;
$title-font-style: italic;
$title-padding: 0em 1rem;
$cell-background: transparent;
$cell-border: none;
$cell-title-cover-border: false;
$cell-entry-font-weight: 600;
$cell-entry-color: $blue;
$cell-entry-border: 1px solid $blue;
$cell-entry-hover-color: white;
$cell-entry-hover-background: $blue;
$carrousel-height: 280px;
$carrousel-text-position: bottom middle;
$carrousel-item-mask-color: transparent;
$carrousel-navigation-bullet-color: $blue;
$carrousel-navigation-bullet-border: 2px solid $blue;
$button-background: $blue;
$button-color: white;
$button-border-radius: 5px;
$button-border: 2px solid transparent;
$buttons-order: cancel (grow), previous, submit;
$widget-color: $blue;
$widget-border: 1px solid $blue;
$widget-border-radius: $button-border-radius;
$widget-unique-checkbox-position: left;
$wcs-steps-background: $gray-light;
$wcs-step-color: $blue;
$wcs-step-current-color: white;
$wcs-step-current-background: $blue;
$wcs-step-border-bottom: 2px solid;
$wcs-step-current-border-bottom: 2px solid $blue;
$footer-background: $blue;
$footer-color: white;
$footer-link-color: white;
$form-titlebar-mode: form;