72 lines
1.7 KiB
SCSS
72 lines
1.7 KiB
SCSS
// typo
|
|
$font-family: Raleway, sans-serif;
|
|
$base-font: 15;
|
|
$font-size: 100% / ( 16 / $base-font );
|
|
|
|
$font-color: black;
|
|
|
|
$header-background-color: #0882a0a3;
|
|
$header-logo-size: 320px 56px;
|
|
|
|
$toplinks-border-radius: 0 0 5px 5px;
|
|
$toplinks-box-shadow: null;
|
|
$toplinks-padding: 0.5em 1em;
|
|
|
|
// Core vars
|
|
$primary-color: #0882a0;
|
|
|
|
$link-color: $primary-color;
|
|
|
|
$footer-background: #343434;
|
|
$footer-color: white;
|
|
$footer-link-color: $footer-color;
|
|
|
|
$width: 1170em / $base-font;
|
|
$mobile-limit: 767em / $base-font;
|
|
$very-small-limit: 35em;
|
|
|
|
$nav-button-background: white;
|
|
$nav-button-color: $primary-color;
|
|
$nav-menu-side: 42px;
|
|
$nav-active-color: $primary-color;
|
|
$nav-submenu-color: black;
|
|
$nav-item-transform: uppercase;
|
|
|
|
$button-background: $primary-color;
|
|
$button-color: white;
|
|
|
|
$title-background: $primary-color;
|
|
$title-color: white;
|
|
$title-transform: uppercase;
|
|
$title-weight: bold;
|
|
|
|
$cell-border: none;
|
|
$cell-background: #ededed;
|
|
$cell-image-position: top;
|
|
$cell-image-padding: 0 0 0.2rem 0;
|
|
|
|
$button-border: none;
|
|
$button-hover-background: darken($primary-color, 0.25);
|
|
|
|
$form-sidebar-position: top;
|
|
$form-accent-color: $primary-color;
|
|
$buttons-order: cancel (grow), previous, submit;
|
|
|
|
$nav-mobile-bottom-bar-background: $primary-color;
|
|
$nav-mobile-bottom-bar-color: black;
|
|
|
|
$back-top-display: block;
|
|
$back-top-icon-character: '\f077';
|
|
$back-top-layout-position: fixed (right: 0.5em, bottom: 0.5em);
|
|
|
|
$widget-color: #555555;
|
|
$widget-border-radius: 4px;
|
|
$widget-padding: 6px 12px;
|
|
$widget-border: 1px solid #cccccc;
|
|
$widget-focus-border: 1px solid #66afe9;
|
|
$widget-focus-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
$widget-focus-outline: none;
|
|
$widget-unique-checkbox-position: left;
|
|
|
|
$cancel-button-style: "%inverted-button";
|