Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame^] | 1 | |
| 2 | //== Colors |
| 3 | // |
| 4 | //## Gray and brand colors for use across Bootstrap. |
| 5 | |
| 6 | $gray-darker: $dark-gray; |
| 7 | $gray-dark: $dark-gray; |
| 8 | $gray: $gray; |
| 9 | $gray-light: $light-gray; |
| 10 | $gray-lighter: $light-gray; |
| 11 | |
| 12 | $brand-primary: $blue; |
| 13 | $brand-success: $green; |
| 14 | $brand-info: $light-gray; |
| 15 | $brand-warning: $yellow; |
| 16 | $brand-danger: $red; |
| 17 | |
| 18 | |
| 19 | //== Scaffolding |
| 20 | // |
| 21 | //## Settings for some of the most global styles. |
| 22 | |
| 23 | $body-bg: $white; |
| 24 | $text-color: $text-black; |
| 25 | $link-color: $link-blue; |
| 26 | $link-hover-color: $blue; |
| 27 | |
| 28 | //== Typography |
| 29 | // |
| 30 | //## Font, line-height, and color for body text, headings, and more. |
| 31 | $font-family-sans-serif: omnes-regular, "Omnes-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| 32 | //$font-family-base: $font-family-sans-serif !default; |
| 33 | $font-size-base: $body-font-2; |
| 34 | $font-size-large: $body-font-1; |
| 35 | $font-size-small: $body-font-3; |
| 36 | $font-size-h1: $heading-font-1; |
| 37 | $font-size-h2: $heading-font-2; |
| 38 | $font-size-h3: $heading-font-4; |
| 39 | $font-size-h4: $heading-font-5; |
| 40 | |
| 41 | |
| 42 | |
| 43 | //== Components |
| 44 | // |
| 45 | //## Define common padding and border radius sizes and more. |
| 46 | $border-radius-base: 0; |
| 47 | $border-radius-large: 0; |
| 48 | $border-radius-small: 0; |
| 49 | |
| 50 | |
| 51 | //== Buttons |
| 52 | // |
| 53 | //## For each of Bootstrap's buttons, define text, background and border color. |
| 54 | |
| 55 | // $btn-font-weight: normal !default; |
| 56 | $btn-default-color: $text-color; |
| 57 | $btn-default-bg: $white; |
| 58 | $btn-default-border: $light-gray; |
| 59 | |
| 60 | $btn-success-color: $white; |
| 61 | |
| 62 | // Allows for customizing button radius independently from global border radius |
| 63 | $btn-border-radius-base: 2px; |
| 64 | $btn-border-radius-large: 2px; |
| 65 | $btn-border-radius-small: 2px; |
| 66 | |
| 67 | //== Dropdowns |
| 68 | // |
| 69 | $dropdown-bg: $white; |
| 70 | $dropdown-border: $link-blue; |
| 71 | $dropdown-link-color: $text-black; |
| 72 | $dropdown-divider-bg: $gray; |
| 73 | //** Hover color for dropdown links. |
| 74 | $dropdown-link-hover-color: $black; |
| 75 | //** Hover background for dropdown links. |
| 76 | $dropdown-link-hover-bg: $tlv-hover; |
| 77 | |
| 78 | //** Active dropdown menu item text color. |
| 79 | $dropdown-link-active-color: $black; |
| 80 | //** Active dropdown menu item background color. |
| 81 | $dropdown-link-active-bg: $tlv-hover; |
| 82 | |
| 83 | //== Forms |
| 84 | // |
| 85 | //## |
| 86 | $form-group-margin-bottom: 24px; |
| 87 | |
| 88 | |
| 89 | $input-bg: $white; |
| 90 | $input-bg-disabled: $tlv-light-gray; |
| 91 | $input-color: $dark-gray; |
| 92 | $input-border: $light-gray; |
| 93 | $input-border-focus: $dark-blue; |
| 94 | |
| 95 | //== Modals |
| 96 | // |
| 97 | //## |
| 98 | $modal-content-bg: $white; |
| 99 | $modal-inner-padding: 0 15px; |
| 100 | $modal-title-padding: 30px 25px 10px 25px; |
| 101 | |
| 102 | |
| 103 | //== Close |
| 104 | // |
| 105 | //## |
| 106 | $close-color: $tlv-light-gray; |
| 107 | |
| 108 | //== Navs |
| 109 | // |
| 110 | //## |
| 111 | //=== Shared nav styles |
| 112 | $nav-link-hover-bg: transparent; |
| 113 | |
| 114 | $navbar-inverse-bg: $gray; |
| 115 | |
| 116 | //== Tabs |
| 117 | $nav-tabs-border-color: transparent; |
| 118 | $nav-tabs-link-hover-border-color: transparent; |
| 119 | $nav-tabs-active-link-hover-bg: transparent; |
| 120 | $nav-tabs-active-link-hover-color: $text-black; |
| 121 | $nav-tabs-active-link-hover-border-color: transparent; |
| 122 | |
| 123 | |
| 124 | //== Popovers |
| 125 | // |
| 126 | //## |
| 127 | $popover-bg: $background-gray; |