| // custom variables | |
| $base-min-width: 320px; | |
| /* colors */ | |
| $white: #fff; | |
| $black:#000; | |
| $gray-dark: #373435; | |
| $grey: #808080; | |
| $gray-light: #ebebeb; | |
| $red-dark: #ed1f24; | |
| $red: #f00; | |
| $blue: #3789c5; | |
| /* Scaffolding */ | |
| $text-color: $black; | |
| $link-color: $red; | |
| $link-hover-color: $text-color; | |
| $body-bg: $white; | |
| /* Typography */ | |
| $font-size-base: 14px; | |
| $base-line-height: 17px; | |
| $font-family-base: 'atillanormal', Arial, sans-serif; | |
| $alt-font-harabara: 'harabara', Arial, sans-serif; | |
| $font-size-h1:26px; | |
| $font-size-h2:20px; | |
| $font-size-h3:18px; | |
| $font-size-h4:16px; | |
| $font-size-h5:14px; | |
| $font-size-h6:14px; | |
| $headings-font-weight: 700; | |
| /* Iconography */ | |
| $icon-font-path: "../fonts/"; | |
| /* Buttons */ | |
| $btn-transparent-color: $white; | |
| $btn-transparent-bg: transparent; | |
| $btn-transparent-border: $white; | |
| $btn-danger-color: $white; | |
| $btn-danger-bg: $red-dark; | |
| /* Grid system */ | |
| $grid-gutter-width: 20px; | |
| /* Container sizes */ | |
| $container-lg: 960px; | |
| $container-md: 960px; | |
| /* Navbar */ | |
| $navbar-height: 20px; | |
| $navbar-margin-bottom: 0; | |
| $navbar-border-radius: 0; | |
| $navbar-padding-horizontal: 0; | |
| $navbar-padding-vertical: 0; | |
| $navbar-default-color: $white; | |
| $navbar-default-bg: transparent; | |
| $navbar-default-border: 0; | |
| $navbar-default-link-color: $white; | |
| $navbar-default-link-hover-color: $red-dark; | |
| $navbar-default-link-active-color: $red-dark; | |
| $navbar-default-link-active-bg: transparent; | |
| $navbar-default-toggle-hover-bg: transparent; | |
| $navbar-default-toggle-icon-bar-bg: $white; | |
| /* Media queries breakpoints */ | |
| $tablet: 992px; | |
| $mobile: 767px; | |
| $min-mobile: 768px; | |
| $landscape: 700px; |