publik-base-theme/static/la-reunion-region/_vars.scss

76 lines
1.9 KiB
SCSS

// Colors
$dark-blue: #00579e;
$pale-blue: #d6e0e8;
$cyan: #00b1e6;
$orange: #e56611;
$green: #74bd04;
$pink: #c7017f;
$xlight-gray: #f5f3f1;
$light-gray: #efece7;
$gray: #c7bca9;
$desaturate-orange: #a9987b;
// Core Vars
$mobile-limit: 960px;
$width: 1160px;
$mobile-width: none;
$primary-color: $dark-blue;
$link-color: $primary-color;
$font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
$footer-background: $light-gray;
$footer-full-width-background: false;
$footer-color: #000;
$nav-border-color: none;
$nav-menu-color: white;
$nav-active-color: $primary-color;
$nav-item-selected-background: transparent;
$nav-item-selected-color: $primary-color;
$nav-item-hover-color: white;
$nav-item-hover-background: $primary-color;
$nav-item-transform: uppercase;
$nav-submenu-background: $primary-color;
$nav-after-image: false;
$nav-mobile-menu-background: $primary-color;
$nav-mobile-menu-item-color: white;
$nav-menu-side: 40px;
$nav-button-background: white;
$nav-button-color: $primary-color;
$nav-mobile-menu-item-hover-background: white;
$nav-mobile-menu-item-hover-color: $primary-color;
$nav-mobile-bottom-bar-background: $cyan;
$nav-mobile-bottom-bar-color: white;
$cell-border: 1px solid $light-gray;
$cell-entry-hover-color: $primary-color;
$cell-entry-hover-background: $pale-blue;
$cell-entry-hover-color: black;
$cell-entry-border: 1px solid white;
$cell-background: $xlight-gray;
$cell-image-padding: 0;
$title-font-size: 1.4rem;
$title-border-bottom: $cell-border;
$title-padding: .5em 0;
$title-color: $cyan;
$title-weight: bold;
$wcs-step-border-bottom: none;
$wcs-step-background: $xlight-gray;
$wcs-step-color: $desaturate-orange;
$button-color: white;
$button-background: $cyan;
$button-hover-background: $primary-color;
$buttons-order: previous, cancel, submit;
$buttons-alignment: space-around;
$widget-border: 1px solid $gray;
$widget-focus-border: 1px solid $primary-color;
$widget-focus-color: $primary-color;
// $widget-border: 2px solid $light-gray;