resources/scss/bootstrap-cust/_variables.scss

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