Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
_variables.scss 21.8 KB
Newer Older
Mark Otto's avatar
convert to scss  
Mark Otto committed
1 
// Variables
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
2 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
3
4
5
6 
// Copy settings from this file into the provided `_custom.scss` to override
// the Bootstrap defaults without modifying key, versioned files.
Chris Bell's avatar
Update _variables.scss    
Chris Bell committed
7 
// Table of Contents
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
8
9
10
11
12
13
14
15
16 
//
// Colors
// Options
// Spacing
// Body
// Links
// Grid breakpoints
// Grid containers
// Grid columns
Mark Otto's avatar
small vars change    
Mark Otto committed
17
18 
// Fonts
// Components
Mark Otto's avatar
convert to scss  
Mark Otto committed
19
Mark Otto's avatar
add note about variable structure    
Mark Otto committed
20
21
22
23 
// General variable structure
//
// Variable format should follow the `$component-modifier-state-property` order.
Mark Otto's avatar
convert to scss  
Mark Otto committed
24
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
25 
// Colors
Mark Otto's avatar
convert to scss  
Mark Otto committed
26 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
27 
// Grayscale and brand colors for use across Bootstrap.
Mark Otto's avatar
convert to scss  
Mark Otto committed
28
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
29
30
31
32
33 
$gray-dark:                 #373a3c !default;
$gray:                      #55595c !default;
$gray-light:                #818a91 !default;
$gray-lighter:              #eceeef !default;
$gray-lightest:             #f7f7f9 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
34
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
35
36
37
38
39 
$brand-primary:             #0275d8 !default;
$brand-success:             #5cb85c !default;
$brand-info:                #5bc0de !default;
$brand-warning:             #f0ad4e !default;
$brand-danger:              #d9534f !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
40
41
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
42 
// Options
Mark Otto's avatar
convert to scss  
Mark Otto committed
43 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
44
45
46
47
48
49
50
51 
// Quickly modify global styling by enabling or disabling optional features.

$enable-flex:               false !default;
$enable-rounded:            true !default;
$enable-shadows:            false !default;
$enable-gradients:          false !default;
$enable-transitions:        false !default;
$enable-hover-media-query:  false !default;
Mark Otto's avatar
Make predefined grid classes conditional    
Mark Otto committed
52 
$enable-grid-classes:       true !default;
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
53
54
55
56
57
58
59
60
61
62 


// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.

$spacer:                     1rem !default;
$spacer-x:                   $spacer !default;
$spacer-y:                   $spacer !default;
Mark Otto's avatar
fixes border-width issues when customizing font-size by using 1px instead of...    
Mark Otto committed
63 
$border-width:               1px !default;
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
64
65
66
67
68 


// Body
//
// Settings for the `<body>` element.
Mark Otto's avatar
convert to scss  
Mark Otto committed
69
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
70 
$body-bg:                    #fff !default;
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
71
72
73
74
75
76 
$body-color:                 $gray-dark !default;


// Links
//
// Style anchor elements.
Mark Otto's avatar
convert to scss  
Mark Otto committed
77
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
78 
$link-color:                 $brand-primary !default;
Mark Otto's avatar
fixes #17385: add var for default link decoration    
Mark Otto committed
79 
$link-decoration:            none !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
80
81 
$link-hover-color:           darken($link-color, 15%) !default;
$link-hover-decoration:      underline !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
82
83
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
84 
// Grid breakpoints
Mark Otto's avatar
convert to scss  
Mark Otto committed
85 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
86
87 
// Define the minimum and maximum dimensions at which your layout will change,
// adapting to different screen sizes, for use in media queries.
Mark Otto's avatar
convert to scss  
Mark Otto committed
88
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
89
90
91
92 
$grid-breakpoints: (
  // Extra small screen / phone
  xs: 0,
  // Small screen / phone
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
93 
  sm: 544px,
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
94 
  // Medium screen / tablet
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
95 
  md: 768px,
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
96 
  // Large screen / desktop
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
97 
  lg: 992px,
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
98 
  // Extra large screen / wide desktop
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
99 
  xl: 1200px
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
100 
) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
101
Mark Otto's avatar
clean up vars file a smidge    
Mark Otto committed
102
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
103 
// Grid containers
Mark Otto's avatar
clean up vars file a smidge    
Mark Otto committed
104 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
105 
// Define the maximum width of `.container` for different screen sizes.
Mark Otto's avatar
clean up vars file a smidge    
Mark Otto committed
106
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
107 
$container-max-widths: (
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
108
109
110
111 
  sm: 576px,
  md: 720px,
  lg: 940px,
  xl: 1140px
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
112
113
114
115
116
117
118
119 
) !default;


// Grid columns
//
// Set the number of columns and specify the width of the gutters.

$grid-columns:               12 !default;
Mark Otto's avatar
Massive cleanup    
Mark Otto committed
120 
$grid-gutter-width:          1.875rem !default; // 30px
Mark Otto's avatar
fix spacer vars    
Mark Otto committed
121
Chris Rebert's avatar
add $use-hover-media-query to control @media (hover:hover) usage    
Chris Rebert committed
122
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
123 
// Typography
Mark Otto's avatar
convert to scss  
Mark Otto committed
124 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
125 
// Font, line-height, and color for body text, headings, and more.
Mark Otto's avatar
convert to scss  
Mark Otto committed
126
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
127
128
129
130 
$font-family-sans-serif:     "Helvetica Neue", Helvetica, Arial, sans-serif !default;
$font-family-serif:          Georgia, "Times New Roman", Times, serif !default;
$font-family-monospace:      Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base:           $font-family-sans-serif !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
131
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
132 
// Pixel value used to responsively scale all typography. Applied to the `<html>` element.
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
133 
$font-size-root:             16px !default;
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
134
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
135
136 
$font-size-base:             1rem !default;
$font-size-lg:               1.25rem !default;
Geremia Taglialatela's avatar
Change the default value of $font-size-sm to .875rem    
Geremia Taglialatela committed
137 
$font-size-sm:               .875rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
138
139 
$font-size-xs:               .75rem !default;
Mark Otto's avatar
tweak heading sizes    
Mark Otto committed
140
141 
$font-size-h1:               2.5rem !default;
$font-size-h2:               2rem !default;
Mark Otto's avatar
tweak the font-sizes for headings    
Mark Otto committed
142 
$font-size-h3:               1.75rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
143
144
145 
$font-size-h4:               1.5rem !default;
$font-size-h5:               1.25rem !default;
$font-size-h6:               1rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
146
Mark Otto's avatar
fixes #17412: reverse display heading classes to match h1-h6 headings    
Mark Otto committed
147
148
149
150 
$display1-size:               6rem !default;
$display2-size:               5.5rem !default;
$display3-size:               4.5rem !default;
$display4-size:               3.5rem !default;
Mark Otto's avatar
introduce display heading classes    
Mark Otto committed
151
152
153
154
155
156 

$display1-weight:             300 !default;
$display2-weight:             300 !default;
$display3-weight:             300 !default;
$display4-weight:             300 !default;
Mark Otto's avatar
indentation    
Mark Otto committed
157 
$line-height:                1.5 !default;
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
158
Mark Otto's avatar
variables cleanup    
Mark Otto committed
159 
$headings-margin-bottom:     ($spacer / 2) !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
160
161
162
163 
$headings-font-family:       inherit !default;
$headings-font-weight:       500 !default;
$headings-line-height:       1.1 !default;
$headings-color:             inherit !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
164
Mark Otto's avatar
variables cleanup    
Mark Otto committed
165
166
167
168
169
170
171
172
173
174
175
176 
$lead-font-size:             1.25rem !default;
$lead-font-weight:           300 !default;

$text-muted:                  $gray-light !default;

$abbr-border-color:           $gray-light !default;

$blockquote-small-color:      $gray-light !default;
$blockquote-font-size:        ($font-size-base * 1.25) !default;
$blockquote-border-color:     $gray-lighter !default;

$hr-border-color:             rgba(0,0,0,.1) !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
177 
$hr-border-width:             $border-width !default;
Mark Otto's avatar
unaffix sidebar and simplify styles of docs side nav to be more like v3    
Mark Otto committed
178
Mark Otto's avatar
convert to scss  
Mark Otto committed
179
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
180 
// Components
Mark Otto's avatar
convert to scss  
Mark Otto committed
181 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
182 
// Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
Mark Otto's avatar
convert to scss  
Mark Otto committed
183
XhmikosR's avatar
SCSS lint fixes.    
XhmikosR committed
184 
$line-height-lg:         (4 / 3) !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
185 
$line-height-sm:         1.5 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
186
Mark Otto's avatar
drop more -base, clean up var spacing    
Mark Otto committed
187 
$border-radius:          .25rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
188
189 
$border-radius-lg:       .3rem !default;
$border-radius-sm:       .2rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
190
Mark Otto's avatar
drop more -base, clean up var spacing    
Mark Otto committed
191
192 
$component-active-color: #fff !default;
$component-active-bg:    $brand-primary !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
193
Mark Otto's avatar
drop more -base, clean up var spacing    
Mark Otto committed
194 
$caret-width:            .3em !default;
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
195 
$caret-width-lg:         $caret-width !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
196
197
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
198 
// Tables
Mark Otto's avatar
convert to scss  
Mark Otto committed
199 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
200 
// Customizes the `.table` component with basic values, each used across all table variations.
Mark Otto's avatar
convert to scss  
Mark Otto committed
201
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
202
203 
$table-cell-padding:            .75rem !default;
$table-sm-cell-padding:         .3rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
204
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
205
206
207
208 
$table-bg:                      transparent !default;
$table-bg-accent:               #f9f9f9 !default;
$table-bg-hover:                #f5f5f5 !default;
$table-bg-active:               $table-bg-hover !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
209
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
210 
$table-border-color:            $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
211
212
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
213 
// Buttons
Mark Otto's avatar
convert to scss  
Mark Otto committed
214 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
215 
// For each of Bootstrap's buttons, define text, background and border color.
Mark Otto's avatar
convert to scss  
Mark Otto committed
216
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
217
218 
$btn-padding-x:                  1rem !default;
$btn-padding-y:                  .375rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
219 
$btn-font-weight:                normal !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
220
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
221
222 
$btn-primary-color:              #fff !default;
$btn-primary-bg:                 $brand-primary !default;
Mark Otto's avatar
update button borders to match bgs for easier outline button styling    
Mark Otto committed
223 
$btn-primary-border:             $btn-primary-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
224
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
225
226 
$btn-secondary-color:            $gray-dark !default;
$btn-secondary-bg:               #fff !default;
Mark Otto's avatar
darker secondary button border color    
Mark Otto committed
227 
$btn-secondary-border:           #ccc !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
228
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
229
230 
$btn-info-color:                 #fff !default;
$btn-info-bg:                    $brand-info !default;
Mark Otto's avatar
update button borders to match bgs for easier outline button styling    
Mark Otto committed
231 
$btn-info-border:                $btn-info-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
232
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
233
234 
$btn-success-color:              #fff !default;
$btn-success-bg:                 $brand-success !default;
Mark Otto's avatar
update button borders to match bgs for easier outline button styling    
Mark Otto committed
235 
$btn-success-border:             $btn-success-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
236
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
237
238 
$btn-warning-color:              #fff !default;
$btn-warning-bg:                 $brand-warning !default;
Mark Otto's avatar
update button borders to match bgs for easier outline button styling    
Mark Otto committed
239 
$btn-warning-border:             $btn-warning-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
240
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
241
242 
$btn-danger-color:               #fff !default;
$btn-danger-bg:                  $brand-danger !default;
Mark Otto's avatar
update button borders to match bgs for easier outline button styling    
Mark Otto committed
243 
$btn-danger-border:              $btn-danger-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
244
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
245 
$btn-link-disabled-color:        $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
246
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
247 
$btn-padding-x-sm:               .75rem !default;
Mark Otto's avatar
tighten up padding on inputs and buttons, disable fixed heights for now    
Mark Otto committed
248 
$btn-padding-y-sm:               .25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
249
Mark Otto's avatar
tighten up padding on inputs and buttons, disable fixed heights for now    
Mark Otto committed
250 
$btn-padding-x-lg:               1.25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
251
252 
$btn-padding-y-lg:               .75rem !default;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
253 
// Allows for customizing button radius independently from global border radius
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
254
255
256 
$btn-border-radius:              $border-radius !default;
$btn-border-radius-lg:           $border-radius-lg !default;
$btn-border-radius-sm:           $border-radius-sm !default;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
257
Mark Otto's avatar
convert to scss  
Mark Otto committed
258
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
259 
// Forms
Mark Otto's avatar
convert to scss  
Mark Otto committed
260
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
261 
$input-padding-x:                .75rem !default;
Mark Otto's avatar
tighten up padding on inputs and buttons, disable fixed heights for now    
Mark Otto committed
262 
$input-padding-y:                .375rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
263
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
264
265 
$input-bg:                       #fff !default;
$input-bg-disabled:              $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
266
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
267
268 
$input-color:                    $gray !default;
$input-border:                   #ccc !default;
Mark Otto's avatar
Add new variable for -box-shadow    
Mark Otto committed
269 
$input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
270
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
271 
$input-border-radius:            $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
272
273 
$input-border-radius-lg:         $border-radius-lg !default;
$input-border-radius-sm:         $border-radius-sm !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
274
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
275
276 
$input-border-focus:             #66afe9 !default;
$input-box-shadow-focus:         rgba(102,175,233,.6) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
277
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
278 
$input-color-placeholder:        #999 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
279
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
280
281
282 
$input-padding-x-sm:             .75rem !default;
$input-padding-y-sm:             .275rem !default;
Mark Otto's avatar
tighten up padding on inputs and buttons, disable fixed heights for now    
Mark Otto committed
283 
$input-padding-x-lg:             1.25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
284
285 
$input-padding-y-lg:             .75rem !default;
Mark Otto's avatar
fixes border-width issues when customizing font-size by using 1px instead of...    
Mark Otto committed
286
287
288 
$input-height:                   (($font-size-base * $line-height) + ($input-padding-y * 2)) !default;
$input-height-lg:                (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
$input-height-sm:                (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
289
Mark Otto's avatar
fix #17356    
Mark Otto committed
290 
$form-group-margin-bottom:       $spacer-y !default;
Mark Otto's avatar
fix validation, run grunt dist    
Mark Otto committed
291
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
292
293 
$input-group-addon-bg:           $gray-lighter !default;
$input-group-addon-border-color: $input-border !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
294
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
295 
$cursor-disabled:                not-allowed !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
296
Mark Otto's avatar
move form validation icon vars to variables file    
Mark Otto committed
297 
// Form validation icons
Mark Otto's avatar
fix broke shit, ugh my bad    
Mark Otto committed
298
299
300 
$form-icon-success: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==";
$form-icon-warning: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+";
$form-icon-danger: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=";
Mark Otto's avatar
move form validation icon vars to variables file    
Mark Otto committed
301
Mark Otto's avatar
convert to scss  
Mark Otto committed
302
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
303 
// Dropdowns
Mark Otto's avatar
convert to scss  
Mark Otto committed
304 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
305 
// Dropdown menu container and contents.
Mark Otto's avatar
convert to scss  
Mark Otto committed
306
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
307 
$dropdown-bg:                    #fff !default;
Chris Rebert's avatar
$dropdown-border => $dropdown-border-color    
Chris Rebert committed
308 
$dropdown-border-color:          rgba(0,0,0,.15) !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
309 
$dropdown-divider-bg:            #e5e5e5 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
310
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
311
312
313 
$dropdown-link-color:            $gray-dark !default;
$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
$dropdown-link-hover-bg:         #f5f5f5 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
314
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
315
316 
$dropdown-link-active-color:     $component-active-color !default;
$dropdown-link-active-bg:        $component-active-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
317
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
318 
$dropdown-link-disabled-color:   $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
319
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
320 
$dropdown-header-color:          $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
321
322
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
323 
// Z-index master list
Mark Otto's avatar
convert to scss  
Mark Otto committed
324
325
326
327
328
329 
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
330
331
332
333
334 
$zindex-navbar:            1000 !default;
$zindex-dropdown:          1000 !default;
$zindex-popover:           1060 !default;
$zindex-tooltip:           1070 !default;
$zindex-navbar-fixed:      1030 !default;
Mark Otto's avatar
redo sidenav    
Mark Otto committed
335 
$zindex-navbar-sticky:     1030 !default;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
336
337 
$zindex-modal-bg:          1040 !default;
$zindex-modal:             1050 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
338
339
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
340 
// Navbar
Mark Otto's avatar
convert to scss  
Mark Otto committed
341
Mark Otto's avatar
rewrite navbar once more for lower key styles and a new take on modifiers for...    
Mark Otto committed
342
343
344
345 
$navbar-border-radius:              $border-radius !default;
$navbar-padding-horizontal:         $spacer !default;
$navbar-padding-vertical:           ($spacer / 2) !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
346
347
348
349 
$navbar-dark-color:                 rgba(255,255,255,.5) !default;
$navbar-dark-hover-color:           rgba(255,255,255,.75) !default;
$navbar-dark-active-color:          rgba(255,255,255,1) !default;
$navbar-dark-disabled-color:        rgba(255,255,255,.25) !default;
Mark Otto's avatar
rewrite navbar once more for lower key styles and a new take on modifiers for...    
Mark Otto committed
350
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
351
352
353
354 
$navbar-light-color:                rgba(0,0,0,.3) !default;
$navbar-light-hover-color:          rgba(0,0,0,.6) !default;
$navbar-light-active-color:         rgba(0,0,0,.8) !default;
$navbar-light-disabled-color:       rgba(0,0,0,.15) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
355
356
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
357 
// Navs
Mark Otto's avatar
convert to scss  
Mark Otto committed
358
Mark Otto's avatar
rewrite navbar bits some more    
Mark Otto committed
359 
$nav-link-padding:                          .5em 1em !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
360 
$nav-link-hover-bg:                         $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
361
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
362
363 
$nav-disabled-link-color:                   $gray-light !default;
$nav-disabled-link-hover-color:             $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
364
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
365 
$nav-tabs-border-color:                     #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
366
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
367 
$nav-tabs-link-hover-border-color:          $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
368
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
369
370
371 
$nav-tabs-active-link-hover-bg:             $body-bg !default;
$nav-tabs-active-link-hover-color:          $gray !default;
$nav-tabs-active-link-hover-border-color:   #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
372
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
373
374 
$nav-tabs-justified-link-border-color:            #ddd !default;
$nav-tabs-justified-active-link-border-color:     $body-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
375
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
376 
$nav-pills-border-radius:                   $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
377
378 
$nav-pills-active-link-hover-bg:            $component-active-bg !default;
$nav-pills-active-link-hover-color:         $component-active-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
379
380
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
381 
// Pagination
Mark Otto's avatar
convert to scss  
Mark Otto committed
382
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
383
384
385
386
387
388
389
390 
$pagination-padding-x:                .75rem !default;
$pagination-padding-y:                .5rem !default;
$pagination-padding-x-sm:             .75rem !default;
$pagination-padding-y-sm:             .275rem !default;
$pagination-padding-x-lg:             1.5rem !default;
$pagination-padding-y-lg:             .75rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
391
392
393 
$pagination-color:                     $link-color !default;
$pagination-bg:                        #fff !default;
$pagination-border:                    #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
394
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
395
396
397 
$pagination-hover-color:               $link-hover-color !default;
$pagination-hover-bg:                  $gray-lighter !default;
$pagination-hover-border:              #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
398
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
399
400
401 
$pagination-active-color:              #fff !default;
$pagination-active-bg:                 $brand-primary !default;
$pagination-active-border:             $brand-primary !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
402
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
403
404
405 
$pagination-disabled-color:            $gray-light !default;
$pagination-disabled-bg:               #fff !default;
$pagination-disabled-border:           #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
406
407
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
408 
// Pager
Mark Otto's avatar
convert to scss  
Mark Otto committed
409
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
410
411
412 
$pager-bg:                             $pagination-bg !default;
$pager-border:                         $pagination-border !default;
$pager-border-radius:                  15px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
413
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
414 
$pager-hover-bg:                       $pagination-hover-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
415
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
416
417 
$pager-active-bg:                      $pagination-active-bg !default;
$pager-active-color:                   $pagination-active-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
418
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
419 
$pager-disabled-color:                 $pagination-disabled-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
420
421
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
422 
// Jumbotron
Mark Otto's avatar
convert to scss  
Mark Otto committed
423
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
424
425 
$jumbotron-padding:              2rem !default;
$jumbotron-bg:                   $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
426
427
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
428 
// Form states and alerts
Mark Otto's avatar
convert to scss  
Mark Otto committed
429 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
430 
// Define colors for form feedback states and, by default, alerts.
Mark Otto's avatar
convert to scss  
Mark Otto committed
431
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
432
433
434 
$state-success-text:             #3c763d !default;
$state-success-bg:               #dff0d8 !default;
$state-success-border:           darken($state-success-bg, 5%) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
435
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
436
437
438 
$state-info-text:                #31708f !default;
$state-info-bg:                  #d9edf7 !default;
$state-info-border:              darken($state-info-bg, 7%) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
439
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
440
441
442 
$state-warning-text:             #8a6d3b !default;
$state-warning-bg:               #fcf8e3 !default;
$state-warning-border:           darken($state-warning-bg, 5%) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
443
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
444
445
446 
$state-danger-text:              #a94442 !default;
$state-danger-bg:                #f2dede !default;
$state-danger-border:            darken($state-danger-bg, 5%) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
447
448
Kevin Kirsche's avatar
Card variables should be in _variables.scss    
Kevin Kirsche committed
449 
// Cards
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
450
451
452 
$card-spacer-x:            1.25rem !default;
$card-spacer-y:            .75rem !default;
$card-border-width:        .0625rem !default;
Chris Rebert's avatar
Make $card-border-radius default to $border-radius    
Chris Rebert committed
453 
$card-border-radius:       $border-radius !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
454
455 
$card-border-color:        #e5e5e5 !default;
$card-border-radius-inner: ($card-border-radius - $card-border-width) !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
456 
$card-cap-bg:              #f5f5f5 !default;
Aleksey Khudyakov's avatar
Add variable for card background color    
Aleksey Khudyakov committed
457 
$card-bg:                  #fff !default;
Kevin Kirsche's avatar
Card variables should be in _variables.scss    
Kevin Kirsche committed
458
Andrey's avatar
Add variable for card-link hover state    
Andrey committed
459
460
461 
$card-link-hover-color:    #fff !default;
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
462 
// Tooltips
Mark Otto's avatar
convert to scss  
Mark Otto committed
463
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
464
465
466
467 
$tooltip-max-width:           200px !default;
$tooltip-color:               #fff !default;
$tooltip-bg:                  #000 !default;
$tooltip-opacity:             .9 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
468
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
469
470 
$tooltip-arrow-width:         5px !default;
$tooltip-arrow-color:         $tooltip-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
471
472
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
473 
// Popovers
Mark Otto's avatar
convert to scss  
Mark Otto committed
474
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
475
476
477 
$popover-bg:                          #fff !default;
$popover-max-width:                   276px !default;
$popover-border-color:                rgba(0,0,0,.2) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
478
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
479 
$popover-title-bg:                    darken($popover-bg, 3%) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
480
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
481
482 
$popover-arrow-width:                 10px !default;
$popover-arrow-color:                 $popover-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
483
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
484 
$popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
Gleb Mazovetskiy's avatar
variables: fix fade-in    
Gleb Mazovetskiy committed
485 
$popover-arrow-outer-color:           fade-in($popover-border-color, 0.05) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
486
487
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
488 
// Labels
Mark Otto's avatar
convert to scss  
Mark Otto committed
489
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
490
491
492
493
494
495 
$label-default-bg:            $gray-light !default;
$label-primary-bg:            $brand-primary !default;
$label-success-bg:            $brand-success !default;
$label-info-bg:               $brand-info !default;
$label-warning-bg:            $brand-warning !default;
$label-danger-bg:             $brand-danger !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
496
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
497
498 
$label-color:                 #fff !default;
$label-link-hover-color:      #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
499
500
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
501 
// Modals
Mark Otto's avatar
convert to scss  
Mark Otto committed
502
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
503 
// Padding applied to the modal body
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
504 
$modal-inner-padding:         15px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
505
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
506 
$modal-title-padding:         15px !default;
Mark Otto's avatar
line-height-base to line-height var    
Mark Otto committed
507 
$modal-title-line-height:     $line-height !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
508
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
509
510 
$modal-content-bg:                             #fff !default;
$modal-content-border-color:                   rgba(0,0,0,.2) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
511
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
512
513
514
515 
$modal-backdrop-bg:           #000 !default;
$modal-backdrop-opacity:      .5 !default;
$modal-header-border-color:   #e5e5e5 !default;
$modal-footer-border-color:   $modal-header-border-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
516
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
517
518
519 
$modal-lg:                    900px !default;
$modal-md:                    600px !default;
$modal-sm:                    300px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
520
521
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
522 
// Alerts
Mark Otto's avatar
convert to scss  
Mark Otto committed
523 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
524 
// Define alert colors, border radius, and padding.
Mark Otto's avatar
convert to scss  
Mark Otto committed
525
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
526 
$alert-padding:               15px !default;
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
527 
$alert-border-radius:         $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
528 
$alert-link-font-weight:      bold !default;
Chris Bell's avatar
#17895 Added $alert-border-width that defaults to $border-width    
Chris Bell committed
529 
$alert-border-width:          $border-width !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
530
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
531
532
533 
$alert-success-bg:            $state-success-bg !default;
$alert-success-text:          $state-success-text !default;
$alert-success-border:        $state-success-border !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
534
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
535
536
537 
$alert-info-bg:               $state-info-bg !default;
$alert-info-text:             $state-info-text !default;
$alert-info-border:           $state-info-border !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
538
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
539
540
541 
$alert-warning-bg:            $state-warning-bg !default;
$alert-warning-text:          $state-warning-text !default;
$alert-warning-border:        $state-warning-border !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
542
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
543
544
545 
$alert-danger-bg:             $state-danger-bg !default;
$alert-danger-text:           $state-danger-text !default;
$alert-danger-border:         $state-danger-border !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
546
547
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
548 
// Progress bars
Mark Otto's avatar
convert to scss  
Mark Otto committed
549
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
550
551 
$progress-bg:                 #f5f5f5 !default;
$progress-bar-color:          #fff !default;
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
552 
$progress-border-radius:      $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
553
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
554
555
556
557
558 
$progress-bar-bg:             $brand-primary !default;
$progress-bar-success-bg:     $brand-success !default;
$progress-bar-warning-bg:     $brand-warning !default;
$progress-bar-danger-bg:      $brand-danger !default;
$progress-bar-info-bg:        $brand-info !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
559
560
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
561 
// List group
Mark Otto's avatar
convert to scss  
Mark Otto committed
562
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
563
564 
$list-group-bg:                 #fff !default;
$list-group-border:             #ddd !default;
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
565 
$list-group-border-radius:      $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
566
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
567
568
569
570
571 
$list-group-hover-bg:           #f5f5f5 !default;
$list-group-active-color:       $component-active-color !default;
$list-group-active-bg:          $component-active-bg !default;
$list-group-active-border:      $list-group-active-bg !default;
$list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
572
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
573
574
575 
$list-group-disabled-color:      $gray-light !default;
$list-group-disabled-bg:         $gray-lighter !default;
$list-group-disabled-text-color: $list-group-disabled-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
576
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
577
578
579 
$list-group-link-color:         #555 !default;
$list-group-link-hover-color:   $list-group-link-color !default;
$list-group-link-heading-color: #333 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
580
581
Mark Otto's avatar
clarify comment    
Mark Otto committed
582 
// Image thumbnails
Mark Otto's avatar
convert to scss  
Mark Otto committed
583
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
584
585
586 
$thumbnail-padding:           .25rem !default;
$thumbnail-bg:                $body-bg !default;
$thumbnail-border:            #ddd !default;
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
587 
$thumbnail-border-radius:     $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
588
589
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
590 
// Breadcrumbs
Mark Otto's avatar
convert to scss  
Mark Otto committed
591
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
592
593 
$breadcrumb-padding-vertical:   .75rem !default;
$breadcrumb-padding-horizontal: 1rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
594
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
595
596
597
598 
$breadcrumb-bg:                 $gray-lighter !default;
$breadcrumb-divider-color:      $gray-light !default;
$breadcrumb-active-color:       $gray-light !default;
$breadcrumb-divider:            "/" !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
599
600
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
601 
// Carousel
Mark Otto's avatar
convert to scss  
Mark Otto committed
602
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
603 
$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
604
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
605
606
607
608 
$carousel-control-color:                      #fff !default;
$carousel-control-width:                      15% !default;
$carousel-control-opacity:                    .5 !default;
$carousel-control-font-size:                  20px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
609
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
610
611 
$carousel-indicator-active-bg:                #fff !default;
$carousel-indicator-border-color:             #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
612
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
613 
$carousel-caption-color:                      #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
614
615
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
616 
// Close
Mark Otto's avatar
convert to scss  
Mark Otto committed
617
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
618
619
620 
$close-font-weight:           bold !default;
$close-color:                 #000 !default;
$close-text-shadow:           0 1px 0 #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
621
622
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
623 
// Code
Mark Otto's avatar
convert to scss  
Mark Otto committed
624
Mark Otto's avatar
tweak code styles    
Mark Otto committed
625 
$code-color:                  #bd4147 !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
626 
$code-bg:                     #f7f7f9 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
627
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
628
629 
$kbd-color:                   #fff !default;
$kbd-bg:                      #333 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
630
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
631
632
633
634 
$pre-bg:                      #f7f7f9 !default;
$pre-color:                   $gray-dark !default;
$pre-border-color:            #ccc !default;
$pre-scrollable-max-height:   340px !default;