Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
_variables.scss 22.3 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
Add $table-border-width; refs #18150    
Chris Rebert committed
210 
$table-border-width:            $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
211 
$table-border-color:            $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
212
213
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
214 
// Buttons
Mark Otto's avatar
convert to scss  
Mark Otto committed
215 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
216 
// For each of Bootstrap's buttons, define text, background and border color.
Mark Otto's avatar
convert to scss  
Mark Otto committed
217
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
218
219 
$btn-padding-x:                  1rem !default;
$btn-padding-y:                  .375rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
220 
$btn-font-weight:                normal !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
221
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
222
223 
$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
224 
$btn-primary-border:             $btn-primary-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
225
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
226
227 
$btn-secondary-color:            $gray-dark !default;
$btn-secondary-bg:               #fff !default;
Mark Otto's avatar
darker secondary button border color    
Mark Otto committed
228 
$btn-secondary-border:           #ccc !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
229
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
230
231 
$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
232 
$btn-info-border:                $btn-info-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
233
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
234
235 
$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
236 
$btn-success-border:             $btn-success-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
237
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
238
239 
$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
240 
$btn-warning-border:             $btn-warning-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
241
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
242
243 
$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
244 
$btn-danger-border:              $btn-danger-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
245
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
246 
$btn-link-disabled-color:        $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
247
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
248 
$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
249 
$btn-padding-y-sm:               .25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
250
Mark Otto's avatar
tighten up padding on inputs and buttons, disable fixed heights for now    
Mark Otto committed
251 
$btn-padding-x-lg:               1.25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
252
253 
$btn-padding-y-lg:               .75rem !default;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
254 
// Allows for customizing button radius independently from global border radius
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
255
256
257 
$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
258
Mark Otto's avatar
convert to scss  
Mark Otto committed
259
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
260 
// Forms
Mark Otto's avatar
convert to scss  
Mark Otto committed
261
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
262 
$input-padding-x:                .75rem !default;
Mark Otto's avatar
tighten up padding on inputs and buttons, disable fixed heights for now    
Mark Otto committed
263 
$input-padding-y:                .375rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
264
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
265
266 
$input-bg:                       #fff !default;
$input-bg-disabled:              $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
267
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
268 
$input-color:                    $gray !default;
Chris Rebert's avatar
$input-border => $input-border-color    
Chris Rebert committed
269 
$input-border-color:             #ccc !default;
Chris Rebert's avatar
Add $input-border-width; refs #18150    
Chris Rebert committed
270 
$input-border-width:             $border-width !default;
Mark Otto's avatar
Add new variable for -box-shadow    
Mark Otto committed
271 
$input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
272
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
273 
$input-border-radius:            $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
274
275 
$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
276
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
277
278 
$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
279
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
280 
$input-color-placeholder:        #999 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
281
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
282
283
284 
$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
285 
$input-padding-x-lg:             1.25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
286
287 
$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
288
289
290 
$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
291
Mark Otto's avatar
fix #17356    
Mark Otto committed
292 
$form-group-margin-bottom:       $spacer-y !default;
Mark Otto's avatar
fix validation, run grunt dist    
Mark Otto committed
293
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
294 
$input-group-addon-bg:           $gray-lighter !default;
Chris Rebert's avatar
$input-border => $input-border-color    
Chris Rebert committed
295 
$input-group-addon-border-color: $input-border-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
296
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
297 
$cursor-disabled:                not-allowed !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
298
Mark Otto's avatar
move form validation icon vars to variables file    
Mark Otto committed
299 
// Form validation icons
vsn4ik's avatar
v4 - Add default param for form-icon variables    
vsn4ik committed
300
301
302 
$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
303
Mark Otto's avatar
convert to scss  
Mark Otto committed
304
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
305 
// Dropdowns
Mark Otto's avatar
convert to scss  
Mark Otto committed
306 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
307 
// Dropdown menu container and contents.
Mark Otto's avatar
convert to scss  
Mark Otto committed
308
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
309 
$dropdown-bg:                    #fff !default;
Chris Rebert's avatar
$dropdown-border => $dropdown-border-color    
Chris Rebert committed
310 
$dropdown-border-color:          rgba(0,0,0,.15) !default;
Chris Rebert's avatar
Add $dropdown-border-width; refs #18150    
Chris Rebert committed
311 
$dropdown-border-width:          $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
312 
$dropdown-divider-bg:            #e5e5e5 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
313
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
314
315
316 
$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
317
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
318
319 
$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
320
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
321 
$dropdown-link-disabled-color:   $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
322
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
323 
$dropdown-header-color:          $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
324
325
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
326 
// Z-index master list
Mark Otto's avatar
convert to scss  
Mark Otto committed
327
328
329
330 
//
// 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
331
332
333
334
335 
$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
336 
$zindex-navbar-sticky:     1030 !default;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
337
338 
$zindex-modal-bg:          1040 !default;
$zindex-modal:             1050 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
339
340
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
341 
// Navbar
Mark Otto's avatar
convert to scss  
Mark Otto committed
342
Mark Otto's avatar
rewrite navbar once more for lower key styles and a new take on modifiers for...    
Mark Otto committed
343
344
345
346 
$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
347
348
349
350 
$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
351
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
352
353
354
355 
$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
356
357
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
358 
// Navs
Mark Otto's avatar
convert to scss  
Mark Otto committed
359
Mark Otto's avatar
rewrite navbar bits some more    
Mark Otto committed
360 
$nav-link-padding:                          .5em 1em !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
361 
$nav-link-hover-bg:                         $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
362
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
363
364 
$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
365
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
366 
$nav-tabs-border-color:                     #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
367
Chris Rebert's avatar
Add $nav-tabs-link-border-width; refs #18150    
Chris Rebert committed
368 
$nav-tabs-link-border-width:                $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
369 
$nav-tabs-link-hover-border-color:          $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
370
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
371
372
373 
$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
374
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
375
376 
$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
377
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
378 
$nav-pills-border-radius:                   $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
379
380 
$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
381
382
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
383 
// Pagination
Mark Otto's avatar
convert to scss  
Mark Otto committed
384
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
385
386
387
388
389
390
391
392 
$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
393
394 
$pagination-color:                     $link-color !default;
$pagination-bg:                        #fff !default;
Chris Rebert's avatar
Add $pagination-border-width; refs #18150    
Chris Rebert committed
395 
$pagination-border-width:              $border-width !default;
Chris Rebert's avatar
Rename $pagination-border => $pagination-border-color for clarity    
Chris Rebert committed
396 
$pagination-border-color:              #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
397
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
398
399
400 
$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
401
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
402
403
404 
$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
405
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
406
407
408 
$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
409
410
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
411 
// Pager
Mark Otto's avatar
convert to scss  
Mark Otto committed
412
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
413 
$pager-bg:                             $pagination-bg !default;
Chris Rebert's avatar
Add $pager-border-width; refs #18150    
Chris Rebert committed
414 
$pager-border-width:                   $border-width !default;
Chris Rebert's avatar
Rename $pagination-border => $pagination-border-color for clarity    
Chris Rebert committed
415 
$pager-border-color:                   $pagination-border-color !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
416 
$pager-border-radius:                  15px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
417
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
418 
$pager-hover-bg:                       $pagination-hover-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
419
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
420
421 
$pager-active-bg:                      $pagination-active-bg !default;
$pager-active-color:                   $pagination-active-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
422
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
423 
$pager-disabled-color:                 $pagination-disabled-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
424
425
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
426 
// Jumbotron
Mark Otto's avatar
convert to scss  
Mark Otto committed
427
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
428
429 
$jumbotron-padding:              2rem !default;
$jumbotron-bg:                   $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
430
431
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
432 
// Form states and alerts
Mark Otto's avatar
convert to scss  
Mark Otto committed
433 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
434 
// Define colors for form feedback states and, by default, alerts.
Mark Otto's avatar
convert to scss  
Mark Otto committed
435
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
436
437
438 
$state-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
439
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
440
441
442 
$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
443
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
444
445
446 
$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
447
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
448
449
450 
$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
451
452
Kevin Kirsche's avatar
Card variables should be in _variables.scss    
Kevin Kirsche committed
453 
// Cards
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
454
455
456 
$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
457 
$card-border-radius:       $border-radius !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
458
459 
$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
460 
$card-cap-bg:              #f5f5f5 !default;
Aleksey Khudyakov's avatar
Add variable for card background color    
Aleksey Khudyakov committed
461 
$card-bg:                  #fff !default;
Kevin Kirsche's avatar
Card variables should be in _variables.scss    
Kevin Kirsche committed
462
Andrey's avatar
Add variable for card-link hover state    
Andrey committed
463
464
465 
$card-link-hover-color:    #fff !default;
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
466 
// Tooltips
Mark Otto's avatar
convert to scss  
Mark Otto committed
467
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
468
469
470
471 
$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
472
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
473
474 
$tooltip-arrow-width:         5px !default;
$tooltip-arrow-color:         $tooltip-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
475
476
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
477 
// Popovers
Mark Otto's avatar
convert to scss  
Mark Otto committed
478
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
479
480 
$popover-bg:                          #fff !default;
$popover-max-width:                   276px !default;
Chris Rebert's avatar
Add $popover-border-width; refs #18150    
Chris Rebert committed
481 
$popover-border-width:                $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
482 
$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 
$list-group-bg:                 #fff !default;
Chris Rebert's avatar
$list-group-border => $list-group-border-color    
Chris Rebert committed
569 
$list-group-border-color:       #ddd !default;
Chris Rebert's avatar
Add $list-group-border-width; refs #18150    
Chris Rebert committed
570 
$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
571 
$list-group-border-radius:      $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
572
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
573
574
575
576
577 
$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
578
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
579
580
581 
$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
582
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
583
584
585 
$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
586
587
Mark Otto's avatar
clarify comment    
Mark Otto committed
588 
// Image thumbnails
Mark Otto's avatar
convert to scss  
Mark Otto committed
589
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
590
591 
$thumbnail-padding:           .25rem !default;
$thumbnail-bg:                $body-bg !default;
Chris Rebert's avatar
Add $thumbnail-border-width; refs #18150    
Chris Rebert committed
592 
$thumbnail-border-width:      $border-width !default;
Chris Rebert's avatar
$thumbnail-border => $thumbnail-border-color    
Chris Rebert committed
593 
$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
594 
$thumbnail-border-radius:     $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
595
596
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
597 
// Breadcrumbs
Mark Otto's avatar
convert to scss  
Mark Otto committed
598
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
599
600 
$breadcrumb-padding-vertical:   .75rem !default;
$breadcrumb-padding-horizontal: 1rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
601
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
602
603
604
605 
$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
606
607
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
608 
// Carousel
Mark Otto's avatar
convert to scss  
Mark Otto committed
609
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
610 
$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
611
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
612
613
614
615 
$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
616
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
617
618 
$carousel-indicator-active-bg:                #fff !default;
$carousel-indicator-border-color:             #fff !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 
$carousel-caption-color:                      #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
621
622
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
623 
// Close
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
627 
$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
628
629
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
630 
// Code
Mark Otto's avatar
convert to scss  
Mark Otto committed
631
Mark Otto's avatar
tweak code styles    
Mark Otto committed
632 
$code-color:                  #bd4147 !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
633 
$code-bg:                     #f7f7f9 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
634
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
635
636 
$kbd-color:                   #fff !default;
$kbd-bg:                      #333 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
637
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
638
639
640
641 
$pre-bg:                      #f7f7f9 !default;
$pre-color:                   $gray-dark !default;
$pre-border-color:            #ccc !default;
$pre-scrollable-max-height:   340px !default;