| |
| //== Colors |
| // |
| //## Gray and brand colors for use across Bootstrap. |
| |
| $gray-darker: $dark-gray; |
| $gray-dark: $dark-gray; |
| $gray: $gray; |
| $gray-light: $light-gray; |
| $gray-lighter: $light-gray; |
| |
| $brand-primary: $blue; |
| $brand-success: $green; |
| $brand-info: $light-gray; |
| $brand-warning: $yellow; |
| $brand-danger: $red; |
| |
| |
| //== Scaffolding |
| // |
| //## Settings for some of the most global styles. |
| |
| $body-bg: $white; |
| $text-color: $text-black; |
| $link-color: $link-blue; |
| $link-hover-color: $blue; |
| |
| //== Typography |
| // |
| //## Font, line-height, and color for body text, headings, and more. |
| $font-family-sans-serif: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; |
| //$font-family-base: $font-family-sans-serif !default; |
| $font-size-base: $body-font-2; |
| $font-size-large: $body-font-1; |
| $font-size-small: $body-font-3; |
| $font-size-h1: $heading-font-1; |
| $font-size-h2: $heading-font-2; |
| $font-size-h3: $heading-font-4; |
| $font-size-h4: $heading-font-5; |
| |
| |
| |
| //== Components |
| // |
| //## Define common padding and border radius sizes and more. |
| $border-radius-base: 0; |
| $border-radius-large: 0; |
| $border-radius-small: 0; |
| |
| |
| //== Buttons |
| // |
| //## For each of Bootstrap's buttons, define text, background and border color. |
| |
| // $btn-font-weight: normal !default; |
| $btn-default-color: $text-color; |
| $btn-default-bg: $white; |
| $btn-default-border: $light-gray; |
| |
| $btn-success-color: $white; |
| |
| // Allows for customizing button radius independently from global border radius |
| $btn-border-radius-base: 2px; |
| $btn-border-radius-large: 2px; |
| $btn-border-radius-small: 2px; |
| |
| //== Dropdowns |
| // |
| $dropdown-bg: $white; |
| $dropdown-border: $link-blue; |
| $dropdown-link-color: $text-black; |
| $dropdown-divider-bg: $gray; |
| //** Hover color for dropdown links. |
| $dropdown-link-hover-color: $black; |
| //** Hover background for dropdown links. |
| $dropdown-link-hover-bg: $tlv-hover; |
| |
| //** Active dropdown menu item text color. |
| $dropdown-link-active-color: $black; |
| //** Active dropdown menu item background color. |
| $dropdown-link-active-bg: $tlv-hover; |
| |
| //== Forms |
| // |
| //## |
| $form-group-margin-bottom: 24px; |
| |
| |
| $input-bg: $white; |
| $input-bg-disabled: $tlv-light-gray; |
| $input-color: $dark-gray; |
| $input-border: $light-gray; |
| $input-border-focus: $dark-blue; |
| |
| //== Modals |
| // |
| //## |
| $modal-content-bg: $white; |
| $modal-inner-padding: 0 15px; |
| $modal-title-padding: 30px 25px 10px 25px; |
| |
| |
| //== Close |
| // |
| //## |
| $close-color: $tlv-light-gray; |
| |
| //== Navs |
| // |
| //## |
| //=== Shared nav styles |
| $nav-link-hover-bg: transparent; |
| |
| $navbar-inverse-bg: $gray; |
| |
| //== Tabs |
| $nav-tabs-border-color: transparent; |
| $nav-tabs-link-hover-border-color: transparent; |
| $nav-tabs-active-link-hover-bg: transparent; |
| $nav-tabs-active-link-hover-color: $text-black; |
| $nav-tabs-active-link-hover-border-color: transparent; |
| |
| |
| //== Popovers |
| // |
| //## |
| $popover-bg: $background-gray; |
| |
| //== Tooltips |
| // |
| //## |
| $tooltip-bg: $dark-gray; |