resources/scss/bootstrap-cust/_variables.scss

   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
  32 $font-size-base: $body-font-2;
  33 $font-size-large: $body-font-1;
  34 $font-size-small: $body-font-3;
  35 $font-size-h1: $heading-font-1;
  36 $font-size-h2: $heading-font-2;
  37 $font-size-h3: $heading-font-3;
  38 $font-size-h4: $heading-font-4;
  39
  40
  41
  42 //== Components
  43 //
  44 //## Define common padding and border radius sizes and more.
  45 $border-radius-base: 0;
  46 $border-radius-large: 0;
  47 $border-radius-small: 0;
  48
  49
  50 //== Buttons
  51 //
  52 //## For each of Bootstrap's buttons, define text, background and border color.
  53
  54 // $btn-font-weight: normal !default;
  55 $btn-default-color: $text-color;
  56 $btn-default-bg: $white;
  57 $btn-default-border: $light-gray;
  58
  59 $btn-success-color: $white;
  60
  61 // Allows for customizing button radius independently from global border radius
  62 $btn-border-radius-base: 2px;
  63 $btn-border-radius-large: 2px;
  64 $btn-border-radius-small: 2px;
  65
  66 //== Dropdowns
  67 //
  68 $dropdown-bg: $white;
  69 $dropdown-border: $link-blue;
  70 $dropdown-link-color: $text-black;
  71 $dropdown-divider-bg: $gray;
  72 //** Hover color for dropdown links.
  73 $dropdown-link-hover-color: $black;
  74 //** Hover background for dropdown links.
  75 $dropdown-link-hover-bg: $tlv-hover;
  76
  77 //** Active dropdown menu item text color.
  78 $dropdown-link-active-color: $black;
  79 //** Active dropdown menu item background color.
  80 $dropdown-link-active-bg: $tlv-hover;
  81
  82 //== Forms
  83 //
  84 //##
  85 $form-group-margin-bottom: 24px;
  86
  87
  88 $input-bg: $white;
  89 $input-bg-disabled: $tlv-light-gray;
  90 $input-color: $dark-gray;
  91 $input-border: $light-gray;
  92 $input-border-focus: $dark-blue;
  93
  94 //== Modals
  95 //
  96 //##
  97 $modal-content-bg: $white;
  98 $modal-inner-padding: 0 15px;
  99 $modal-title-padding: 30px 25px 10px 25px;
 100
 101
 102 //== Close
 103 //
 104 //##
 105 $close-color: $tlv-light-gray;
 106
 107 //== Navs
 108 //
 109 //##
 110 //=== Shared nav styles
 111 $nav-link-hover-bg: transparent;
 112
 113 $navbar-inverse-bg: $gray;
 114
 115 //== Tabs
 116 $nav-tabs-border-color: transparent;
 117 $nav-tabs-link-hover-border-color: transparent;
 118 $nav-tabs-active-link-hover-bg: transparent;
 119 $nav-tabs-active-link-hover-color: $text-black;
 120 $nav-tabs-active-link-hover-border-color: transparent;
 121
 122
 123 //== Popovers
 124 //
 125 //##
 126 $popover-bg: $background-gray;