Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
_variables.scss 22.1 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 
$input-color:                    $gray !default;
Chris Rebert's avatar
$input-border => $input-border-color    
Chris Rebert committed
268 
$input-border-color:             #ccc !default;
Chris Rebert's avatar
Add $input-border-width; refs #18150    
Chris Rebert committed
269 
$input-border-width:             $border-width !default;
Mark Otto's avatar
Add new variable for -box-shadow    
Mark Otto committed
270 
$input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
271
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
272 
$input-border-radius:            $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
273
274 
$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
275
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
276
277 
$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
278
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
279 
$input-color-placeholder:        #999 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
280
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
281
282
283 
$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
284 
$input-padding-x-lg:             1.25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
285
286 
$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
287
288
289 
$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
290
Mark Otto's avatar
fix #17356    
Mark Otto committed
291 
$form-group-margin-bottom:       $spacer-y !default;
Mark Otto's avatar
fix validation, run grunt dist    
Mark Otto committed
292
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
293 
$input-group-addon-bg:           $gray-lighter !default;
Chris Rebert's avatar
$input-border => $input-border-color    
Chris Rebert committed
294 
$input-group-addon-border-color: $input-border-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
295
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
296 
$cursor-disabled:                not-allowed !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
297
Mark Otto's avatar
move form validation icon vars to variables file    
Mark Otto committed
298 
// Form validation icons
Mark Otto's avatar
fix broke shit, ugh my bad    
Mark Otto committed
299
300
301 
$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
302
Mark Otto's avatar
convert to scss  
Mark Otto committed
303
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
304 
// Dropdowns
Mark Otto's avatar
convert to scss  
Mark Otto committed
305 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
306 
// Dropdown menu container and contents.
Mark Otto's avatar
convert to scss  
Mark Otto committed
307
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
308 
$dropdown-bg:                    #fff !default;
Chris Rebert's avatar
$dropdown-border => $dropdown-border-color    
Chris Rebert committed
309 
$dropdown-border-color:          rgba(0,0,0,.15) !default;
Chris Rebert's avatar
Add $dropdown-border-width; refs #18150    
Chris Rebert committed
310 
$dropdown-border-width:          $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
311 
$dropdown-divider-bg:            #e5e5e5 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
312
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
313
314
315 
$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
316
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
317
318 
$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
319
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
320 
$dropdown-link-disabled-color:   $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
321
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
322 
$dropdown-header-color:          $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
323
324
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
325 
// Z-index master list
Mark Otto's avatar
convert to scss  
Mark Otto committed
326
327
328
329
330
331 
//
// 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
332
333
334
335
336 
$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
337 
$zindex-navbar-sticky:     1030 !default;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
338
339 
$zindex-modal-bg:          1040 !default;
$zindex-modal:             1050 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
340
341
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
342 
// Navbar
Mark Otto's avatar
convert to scss  
Mark Otto committed
343
Mark Otto's avatar
rewrite navbar once more for lower key styles and a new take on modifiers for...    
Mark Otto committed
344
345
346
347 
$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
348
349
350
351 
$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
352
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
353
354
355
356 
$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
357
358
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
359 
// Navs
Mark Otto's avatar
convert to scss  
Mark Otto committed
360
Mark Otto's avatar
rewrite navbar bits some more    
Mark Otto committed
361 
$nav-link-padding:                          .5em 1em !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
362 
$nav-link-hover-bg:                         $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
363
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
364
365 
$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
366
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
367 
$nav-tabs-border-color:                     #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
368
Chris Rebert's avatar
Add $nav-tabs-link-border-width; refs #18150    
Chris Rebert committed
369 
$nav-tabs-link-border-width:                $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
370 
$nav-tabs-link-hover-border-color:          $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
371
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
372
373
374 
$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
375
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
376
377 
$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
378
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
379 
$nav-pills-border-radius:                   $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
380
381 
$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
382
383
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
384 
// Pagination
Mark Otto's avatar
convert to scss  
Mark Otto committed
385
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
386
387
388
389
390
391
392
393 
$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
394
395 
$pagination-color:                     $link-color !default;
$pagination-bg:                        #fff !default;
Chris Rebert's avatar
Add $pagination-border-width; refs #18150    
Chris Rebert committed
396 
$pagination-border-width:              $border-width !default;
Chris Rebert's avatar
Rename $pagination-border => $pagination-border-color for clarity    
Chris Rebert committed
397 
$pagination-border-color:              #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-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
402
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
403
404
405 
$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
406
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
407
408
409 
$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
410
411
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
412 
// Pager
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-bg:                             $pagination-bg !default;
Chris Rebert's avatar
Add $pager-border-width; refs #18150    
Chris Rebert committed
415 
$pager-border-width:                   $border-width !default;
Chris Rebert's avatar
Rename $pagination-border => $pagination-border-color for clarity    
Chris Rebert committed
416 
$pager-border-color:                   $pagination-border-color !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
417 
$pager-border-radius:                  15px !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-hover-bg:                       $pagination-hover-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
420
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
421
422 
$pager-active-bg:                      $pagination-active-bg !default;
$pager-active-color:                   $pagination-active-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
423
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
424 
$pager-disabled-color:                 $pagination-disabled-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
425
426
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
427 
// Jumbotron
Mark Otto's avatar
convert to scss  
Mark Otto committed
428
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
429
430 
$jumbotron-padding:              2rem !default;
$jumbotron-bg:                   $gray-lighter !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 
// Form states and alerts
Mark Otto's avatar
convert to scss  
Mark Otto committed
434 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
435 
// Define colors for form feedback states and, by default, alerts.
Mark Otto's avatar
convert to scss  
Mark Otto committed
436
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
437
438
439 
$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
440
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
441
442
443 
$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
444
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
445
446
447 
$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
448
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
449
450
451 
$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
452
453
Kevin Kirsche's avatar
Card variables should be in _variables.scss    
Kevin Kirsche committed
454 
// Cards
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
455
456
457 
$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
458 
$card-border-radius:       $border-radius !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
459
460 
$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
461 
$card-cap-bg:              #f5f5f5 !default;
Aleksey Khudyakov's avatar
Add variable for card background color    
Aleksey Khudyakov committed
462 
$card-bg:                  #fff !default;
Kevin Kirsche's avatar
Card variables should be in _variables.scss    
Kevin Kirsche committed
463
Andrey's avatar
Add variable for card-link hover state    
Andrey committed
464
465
466 
$card-link-hover-color:    #fff !default;
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
467 
// Tooltips
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
471
472 
$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
473
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
474
475 
$tooltip-arrow-width:         5px !default;
$tooltip-arrow-color:         $tooltip-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
476
477
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
478 
// Popovers
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
482 
$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
483
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
484 
$popover-title-bg:                    darken($popover-bg, 3%) !default;
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-arrow-width:                 10px !default;
$popover-arrow-color:                 $popover-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
488
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
489 
$popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
Gleb Mazovetskiy's avatar
variables: fix fade-in    
Gleb Mazovetskiy committed
490 
$popover-arrow-outer-color:           fade-in($popover-border-color, 0.05) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
491
492
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
493 
// Labels
Mark Otto's avatar
convert to scss  
Mark Otto committed
494
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
495
496
497
498
499
500 
$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
501
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
502
503 
$label-color:                 #fff !default;
$label-link-hover-color:      #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
504
505
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
506 
// Modals
Mark Otto's avatar
convert to scss  
Mark Otto committed
507
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
508 
// Padding applied to the modal body
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
509 
$modal-inner-padding:         15px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
510
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
511 
$modal-title-padding:         15px !default;
Mark Otto's avatar
line-height-base to line-height var    
Mark Otto committed
512 
$modal-title-line-height:     $line-height !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
513
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
514
515 
$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
516
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
517
518
519
520 
$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
521
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
522
523
524 
$modal-lg:                    900px !default;
$modal-md:                    600px !default;
$modal-sm:                    300px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
525
526
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
527 
// Alerts
Mark Otto's avatar
convert to scss  
Mark Otto committed
528 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
529 
// Define alert colors, border radius, and padding.
Mark Otto's avatar
convert to scss  
Mark Otto committed
530
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
531 
$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
532 
$alert-border-radius:         $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
533 
$alert-link-font-weight:      bold !default;
Chris Bell's avatar
#17895 Added $alert-border-width that defaults to $border-width    
Chris Bell committed
534 
$alert-border-width:          $border-width !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
535
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
536
537
538 
$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
539
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
540
541
542 
$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
543
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
544
545
546 
$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
547
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
548
549
550 
$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
551
552
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
553 
// Progress bars
Mark Otto's avatar
convert to scss  
Mark Otto committed
554
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
555
556 
$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
557 
$progress-border-radius:      $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
558
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
559
560
561
562
563 
$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
564
565
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
566 
// List group
Mark Otto's avatar
convert to scss  
Mark Otto committed
567
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
568
569 
$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
570 
$list-group-border-radius:      $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
571
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
572
573
574
575
576 
$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
577
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
578
579
580 
$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
581
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
582
583
584 
$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
585
586
Mark Otto's avatar
clarify comment    
Mark Otto committed
587 
// Image thumbnails
Mark Otto's avatar
convert to scss  
Mark Otto committed
588
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
589
590
591 
$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
592 
$thumbnail-border-radius:     $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
593
594
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
595 
// Breadcrumbs
Mark Otto's avatar
convert to scss  
Mark Otto committed
596
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
597
598 
$breadcrumb-padding-vertical:   .75rem !default;
$breadcrumb-padding-horizontal: 1rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
599
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
600
601
602
603 
$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
604
605
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
606 
// Carousel
Mark Otto's avatar
convert to scss  
Mark Otto committed
607
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
608 
$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !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 
$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
614
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
615
616 
$carousel-indicator-active-bg:                #fff !default;
$carousel-indicator-border-color:             #fff !default;
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-caption-color:                      #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
619
620
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
621 
// Close
Mark Otto's avatar
convert to scss  
Mark Otto committed
622
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
623
624
625 
$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
626
627
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
628 
// Code
Mark Otto's avatar
convert to scss  
Mark Otto committed
629
Mark Otto's avatar
tweak code styles    
Mark Otto committed
630 
$code-color:                  #bd4147 !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
631 
$code-bg:                     #f7f7f9 !default;
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 
$kbd-color:                   #fff !default;
$kbd-bg:                      #333 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
635
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
636
637
638
639 
$pre-bg:                      #f7f7f9 !default;
$pre-color:                   $gray-dark !default;
$pre-border-color:            #ccc !default;
$pre-scrollable-max-height:   340px !default;