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

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


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

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


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


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


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

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

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

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

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

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

$hr-border-color:             rgba(0,0,0,.1) !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
177 
$hr-border-width:             $border-width !default;
Mark Otto's avatar
unaffix sidebar and simplify styles of docs side nav to be more like v3    
Mark Otto committed
178
Chris Rebert's avatar
Add 3 more font-weight variables    
Chris Rebert committed
179
180
181
182 
$dt-font-weight:              bold !default;

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