Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
_variables.scss 22.5 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
Chris Rebert's avatar
Add 3 more font-weight variables    
Chris Rebert committed
179
180
181
182 
$dt-font-weight:              bold !default;

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