Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
_variables.scss 32.6 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 
//
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43 
//  1. Colors
//  2. Options
//  3. Spacing
//  4. Body
//  5. Links
//  6. Grid breakpoints
//  7. Grid containers
//  8. Grid columns
//  9. Fonts
// 10. Components
// 11. Tables
// 12. Buttons
// 13. Forms
// 14. Dropdowns
// 15. Z-index master list
// 16. Navbar
// 17. Navs
// 18. Pagination
// 19. Jumbotron
// 20. Form states and alerts
// 21. Cards
// 22. Tooltips
// 23. Popovers
// 24. Tags
// 25. Modals
// 26. Alerts
// 27. Progress bars
// 28. List group
// 29. Image thumbnails
// 30. Figures
// 31. Breadcrumbs
// 32. Media objects
// 33. Carousel
// 34. Close
// 35. Code
Mark Otto's avatar
convert to scss  
Mark Otto committed
44
Chris Rebert's avatar
Assert that $grid-breakpoints and $container-max-widths are in ascending order; fixes #18549    
Chris Rebert committed
45
46
47
48 
@mixin _assert-ascending($map, $map-name) {
  $prev-key: null;
  $prev-num: null;
  @each $key, $num in $map {
Chris Rebert's avatar
Add comparability guard to _assert-ascending(); fixes #20123 (#20142)    
Chris Rebert committed
49
50
51
52
53 
    @if $prev-num == null {
      // Do nothing
    } @else if not comparable($prev-num, $num) {
      @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
    } @else if $prev-num >= $num {
Chris Rebert's avatar
Assert that $grid-breakpoints and $container-max-widths are in ascending order; fixes #18549    
Chris Rebert committed
54
55
56
57
58
59
60 
      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
    }
    $prev-key: $key;
    $prev-num: $num;
  }
}
Patrick H. Lauke's avatar
Add str-replace Sass function    
Patrick H. Lauke committed
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76 
/// Replace `$search` with `$replace` in `$string`
/// @author Hugo Giraudel
/// @param {String} $string - Initial string
/// @param {String} $search - Substring to replace
/// @param {String} $replace ('') - New value
/// @return {String} - Updated string
@function str-replace($string, $search, $replace: "") {
  $index: str-index($string, $search);

  @if $index {
    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
  }

  @return $string;
}
Mark Otto's avatar
add note about variable structure    
Mark Otto committed
77
78
79
80 
// General variable structure
//
// Variable format should follow the `$component-modifier-state-property` order.
Mark Otto's avatar
convert to scss  
Mark Otto committed
81
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
82 
// 1. Colors
Mark Otto's avatar
convert to scss  
Mark Otto committed
83 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
84 
// Grayscale and brand colors for use across Bootstrap.
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
88
89
90 
$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
91
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
92
93
94
95
96 
$brand-primary:             #0275d8 !default;
$brand-success:             #5cb85c !default;
$brand-info:                #5bc0de !default;
$brand-warning:             #f0ad4e !default;
$brand-danger:              #d9534f !default;
Mark Otto's avatar
Fixes #19563: Add variable for setting background-color on .bg-inverse    
Mark Otto committed
97 
$brand-inverse:             $gray-dark !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
98
99
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
100 
// 2. Options
Mark Otto's avatar
convert to scss  
Mark Otto committed
101 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
102
103
104
105
106
107
108
109 
// 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
110 
$enable-grid-classes:       true !default;
Chris Rebert's avatar
Add $enable-print-styles variable for _print.scss; fixes #19101    
Chris Rebert committed
111 
$enable-print-styles:       true !default;
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
112
113
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
114 
// 3. Spacing
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
115
116
117 
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
Tobias's avatar
Document the possibility of extending the $spacers map    
Tobias committed
118 
// You can add more entries to the $spacers map, should you need more variation.
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
119
Mark Otto's avatar
spacing    
Mark Otto committed
120
121
122 
$spacer:   1rem !default;
$spacer-x: $spacer !default;
$spacer-y: $spacer !default;
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
123
124 
$spacers: (
  0: (
Mark Otto's avatar
spacing    
Mark Otto committed
125
126 
    x: 0,
    y: 0
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
127
128 
  ),
  1: (
Mark Otto's avatar
spacing    
Mark Otto committed
129
130 
    x: $spacer-x,
    y: $spacer-y
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
131
132 
  ),
  2: (
Mark Otto's avatar
spacing    
Mark Otto committed
133
134 
    x: ($spacer-x * 1.5),
    y: ($spacer-y * 1.5)
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
135
136 
  ),
  3: (
Mark Otto's avatar
spacing    
Mark Otto committed
137
138 
    x: ($spacer-x * 3),
    y: ($spacer-y * 3)
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
139
140 
  )
) !default;
Mark Otto's avatar
spacing    
Mark Otto committed
141 
$border-width: 1px !default;
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
142
143
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
144 
// 4. Body
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
145
146 
//
// Settings for the `<body>` element.
Mark Otto's avatar
convert to scss  
Mark Otto committed
147
Mark Otto's avatar
more variables spacing    
Mark Otto committed
148
149 
$body-bg:    #fff !default;
$body-color: $gray-dark !default;
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
150
151
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
152 
// 5. Links
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
153
154 
//
// Style anchor elements.
Mark Otto's avatar
convert to scss  
Mark Otto committed
155
Mark Otto's avatar
more variables spacing    
Mark Otto committed
156
157
158
159 
$link-color:            $brand-primary !default;
$link-decoration:       none !default;
$link-hover-color:      darken($link-color, 15%) !default;
$link-hover-decoration: underline !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
160
161
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
162 
// 6. Grid breakpoints
Mark Otto's avatar
convert to scss  
Mark Otto committed
163 
//
Chris Rebert's avatar
Change comment to clarify that $grid-breakpoints are minimum widths for each breakpoint    
Chris Rebert committed
164 
// Define the minimum dimensions at which your layout will change,
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
165 
// adapting to different screen sizes, for use in media queries.
Mark Otto's avatar
convert to scss  
Mark Otto committed
166
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
167
168 
$grid-breakpoints: (
  xs: 0,
Mark Otto's avatar
Change sm grid breakpoint and container max-width    
Mark Otto committed
169 
  sm: 576px,
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
170
171
172 
  md: 768px,
  lg: 992px,
  xl: 1200px
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
173 
) !default;
Chris Rebert's avatar
Assert that $grid-breakpoints and $container-max-widths are in ascending order; fixes #18549    
Chris Rebert committed
174 
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
Mark Otto's avatar
convert to scss  
Mark Otto committed
175
Mark Otto's avatar
clean up vars file a smidge    
Mark Otto committed
176
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
177 
// 7. Grid containers
Mark Otto's avatar
clean up vars file a smidge    
Mark Otto committed
178 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
179 
// Define the maximum width of `.container` for different screen sizes.
Mark Otto's avatar
clean up vars file a smidge    
Mark Otto committed
180
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
181 
$container-max-widths: (
Mark Otto's avatar
Change sm grid breakpoint and container max-width    
Mark Otto committed
182 
  sm: 540px,
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
183 
  md: 720px,
Mark Otto's avatar
Change 940px breakpoint to 960px so that all widths are divisible by 12    
Mark Otto committed
184 
  lg: 960px,
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
185 
  xl: 1140px
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
186 
) !default;
Chris Rebert's avatar
Assert that $grid-breakpoints and $container-max-widths are in ascending order; fixes #18549    
Chris Rebert committed
187 
@include _assert-ascending($container-max-widths, "$container-max-widths");
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
188
189
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
190 
// 8. Grid columns
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
191
192
193 
//
// Set the number of columns and specify the width of the gutters.
Kovah's avatar
Add breakpoint-specific gutters.    
Kovah committed
194
195
196
197
198
199
200
201
202 
$grid-columns:               12 !default;
$grid-gutter-width-base:     30px !default;
$grid-gutter-widths: (
  xs: $grid-gutter-width-base,
  sm: $grid-gutter-width-base,
  md: $grid-gutter-width-base,
  lg: $grid-gutter-width-base,
  xl: $grid-gutter-width-base
) !default;
Chris Rebert's avatar
add $use-hover-media-query to control @media (hover:hover) usage    
Chris Rebert committed
203
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
204 
// 9. Fonts
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 
// Font, line-height, and color for body text, headings, and more.
Mark Otto's avatar
convert to scss  
Mark Otto committed
207
Mark Otto's avatar
Simplify system font stack to remove Linux fonts as they're too varied for our purposes    
Mark Otto committed
208 
$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
Mark Otto's avatar
more variables spacing    
Mark Otto committed
209 
$font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
Mark Otto's avatar
Add liberation Mono to the font stack for the Linux peeps    
Mark Otto committed
210 
$font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
Mark Otto's avatar
more variables spacing    
Mark Otto committed
211 
$font-family-base:       $font-family-sans-serif !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
212
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
213 
// Pixel value used to responsively scale all typography. Applied to the `<html>` element.
Mark Otto's avatar
more variables spacing    
Mark Otto committed
214 
$font-size-root: 16px !default;
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
215
Mark Otto's avatar
more variables spacing    
Mark Otto committed
216
217
218
219 
$font-size-base: 1rem !default;
$font-size-lg:   1.25rem !default;
$font-size-sm:   .875rem !default;
$font-size-xs:   .75rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
220
Simon Bächler's avatar
Use a variable for the default font weights. Fixes #20741    
Simon Bächler committed
221
222
223 
$font-weight-normal: normal !default;
$font-weight-bold: bold !default;
Mark Otto's avatar
Redo line-height globally    
Mark Otto committed
224
225 
$line-height-base: 1.5 !default;
Mark Otto's avatar
more variables spacing    
Mark Otto committed
226
227
228
229
230
231 
$font-size-h1: 2.5rem !default;
$font-size-h2: 2rem !default;
$font-size-h3: 1.75rem !default;
$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
232
Mark Otto's avatar
more variables spacing    
Mark Otto committed
233
234
235
236 
$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
237
Mark Otto's avatar
more variables spacing    
Mark Otto committed
238
239
240
241 
$display1-weight: 300 !default;
$display2-weight: 300 !default;
$display3-weight: 300 !default;
$display4-weight: 300 !default;
Mark Otto's avatar
introduce display heading classes    
Mark Otto committed
242
Mark Otto's avatar
more variables spacing    
Mark Otto committed
243
244
245
246
247 
$headings-margin-bottom: ($spacer / 2) !default;
$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
248
Mark Otto's avatar
more variables spacing    
Mark Otto committed
249
250 
$lead-font-size:   1.25rem !default;
$lead-font-weight: 300 !default;
Mark Otto's avatar
variables cleanup    
Mark Otto committed
251
Mark Otto's avatar
Revert "Drop the $small-font-size variable for the newer $font-size-sm one"    
Mark Otto committed
252
253 
$small-font-size: 80% !default;
Mark Otto's avatar
more variables spacing    
Mark Otto committed
254 
$text-muted: $gray-light !default;
Mark Otto's avatar
variables cleanup    
Mark Otto committed
255
Mark Otto's avatar
more variables spacing    
Mark Otto committed
256 
$abbr-border-color: $gray-light !default;
Mark Otto's avatar
variables cleanup    
Mark Otto committed
257
Mark Otto's avatar
more variables spacing    
Mark Otto committed
258
259
260 
$blockquote-small-color:  $gray-light !default;
$blockquote-font-size:    ($font-size-base * 1.25) !default;
$blockquote-border-color: $gray-lighter !default;
Chris Rebert's avatar
Extract $blockquote-border-width variable    
Chris Rebert committed
261 
$blockquote-border-width: .25rem !default;
Mark Otto's avatar
variables cleanup    
Mark Otto committed
262
Mark Otto's avatar
more variables spacing    
Mark Otto committed
263
264 
$hr-border-color: rgba(0,0,0,.1) !default;
$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
265
Chris Rebert's avatar
Add $mark-padding variable    
Chris Rebert committed
266
267 
$mark-padding: .2em !default;
Simon Bächler's avatar
Use a variable for the default font weights. Fixes #20741    
Simon Bächler committed
268 
$dt-font-weight: $font-weight-bold !default;
Chris Rebert's avatar
Add 3 more font-weight variables    
Chris Rebert committed
269
Chris Rebert's avatar
Extract $kbd-box-shadow variable    
Chris Rebert committed
270 
$kbd-box-shadow:         inset 0 -.1rem 0 rgba(0,0,0,.25) !default;
Simon Bächler's avatar
Use a variable for the default font weights. Fixes #20741    
Simon Bächler committed
271 
$nested-kbd-font-weight: $font-weight-bold !default;
Chris Rebert's avatar
Add 3 more font-weight variables    
Chris Rebert committed
272
Mark Otto's avatar
more variables spacing    
Mark Otto committed
273 
$list-inline-padding: 5px !default;
Chris Rebert's avatar
Add $list-inline-padding variable    
Chris Rebert committed
274
Mark Otto's avatar
convert to scss  
Mark Otto committed
275
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
276 
// 10. Components
Mark Otto's avatar
convert to scss  
Mark Otto committed
277 
//
Mark Otto's avatar
fixes #17776    
Mark Otto committed
278 
// Define common padding and border radius sizes and more.
Mark Otto's avatar
convert to scss  
Mark Otto committed
279
XhmikosR's avatar
SCSS lint fixes.    
XhmikosR committed
280 
$line-height-lg:         (4 / 3) !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
281 
$line-height-sm:         1.5 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
282
Mark Otto's avatar
drop more -base, clean up var spacing    
Mark Otto committed
283 
$border-radius:          .25rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
284
285 
$border-radius-lg:       .3rem !default;
$border-radius-sm:       .2rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
286
Mark Otto's avatar
drop more -base, clean up var spacing    
Mark Otto committed
287
288 
$component-active-color: #fff !default;
$component-active-bg:    $brand-primary !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
289
Mark Otto's avatar
drop more -base, clean up var spacing    
Mark Otto committed
290 
$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
291 
$caret-width-lg:         $caret-width !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
292
293
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
294 
// 11. Tables
Mark Otto's avatar
convert to scss  
Mark Otto committed
295 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
296 
// Customizes the `.table` component with basic values, each used across all table variations.
Mark Otto's avatar
convert to scss  
Mark Otto committed
297
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
298
299 
$table-cell-padding:            .75rem !default;
$table-sm-cell-padding:         .3rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
300
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
301 
$table-bg:                      transparent !default;
Mark Otto's avatar
Overhaul tables docs and use rgba() colors for inverse tables    
Mark Otto committed
302
303 
$table-bg-accent:               rgba(0,0,0,.05) !default;
$table-bg-hover:                rgba(0,0,0,.075) !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
304 
$table-bg-active:               $table-bg-hover !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
305
Chris Rebert's avatar
Add $table-border-width; refs #18150    
Chris Rebert committed
306 
$table-border-width:            $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
307 
$table-border-color:            $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
308
309
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
310 
// 12. Buttons
Mark Otto's avatar
convert to scss  
Mark Otto committed
311 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
312 
// For each of Bootstrap's buttons, define text, background and border color.
Mark Otto's avatar
convert to scss  
Mark Otto committed
313
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
314 
$btn-padding-x:                  1rem !default;
Mark Otto's avatar
updated button/form-control padding and line-height    
Mark Otto committed
315
316 
$btn-padding-y:                  .5rem !default;
$btn-line-height:                1.25 !default;
Simon Bächler's avatar
Use a variable for the default font weights. Fixes #20741    
Simon Bächler committed
317 
$btn-font-weight:                $font-weight-normal !default;
Chris Rebert's avatar
Extract $btn-box-shadow variable    
Chris Rebert committed
318 
$btn-box-shadow:                 inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075) !default;
Chris Rebert's avatar
Extract $btn-active-box-shadow variable & refactor accordingly    
Chris Rebert committed
319 
$btn-active-box-shadow:          inset 0 3px 5px rgba(0,0,0,.125) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
320
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
321
322 
$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
323 
$btn-primary-border:             $btn-primary-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
324
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
325
326 
$btn-secondary-color:            $gray-dark !default;
$btn-secondary-bg:               #fff !default;
Mark Otto's avatar
darker secondary button border color    
Mark Otto committed
327 
$btn-secondary-border:           #ccc !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
330 
$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
331 
$btn-info-border:                $btn-info-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
332
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
333
334 
$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
335 
$btn-success-border:             $btn-success-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
336
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
337
338 
$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
339 
$btn-warning-border:             $btn-warning-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
340
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
341
342 
$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
343 
$btn-danger-border:              $btn-danger-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
344
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
345 
$btn-link-disabled-color:        $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
346
Mark Otto's avatar
updated button/form-control padding and line-height    
Mark Otto committed
347 
$btn-padding-x-sm:               .5rem !default;
Mark Otto's avatar
tighten up padding on inputs and buttons, disable fixed heights for now    
Mark Otto committed
348 
$btn-padding-y-sm:               .25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
349
Mark Otto's avatar
updated button/form-control padding and line-height    
Mark Otto committed
350 
$btn-padding-x-lg:               1.5rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
351
352 
$btn-padding-y-lg:               .75rem !default;
Mark Otto's avatar
Switch up some split button stuff    
Mark Otto committed
353
354
355 
$btn-block-spacing-y:            .5rem !default;
$btn-toolbar-margin:             .5rem !default;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
356 
// Allows for customizing button radius independently from global border radius
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
357
358
359 
$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
360
Mark Otto's avatar
convert to scss  
Mark Otto committed
361
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
362 
// 13. Forms
Mark Otto's avatar
convert to scss  
Mark Otto committed
363
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
364 
$input-padding-x:                .75rem !default;
Mark Otto's avatar
updated button/form-control padding and line-height    
Mark Otto committed
365
366 
$input-padding-y:                .5rem !default;
$input-line-height:              1.25 !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
367
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
368
369 
$input-bg:                       #fff !default;
$input-bg-disabled:              $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 
$input-color:                    $gray !default;
Mark Otto's avatar
Move to a translucent input border with background-clip: padding-box for...    
Mark Otto committed
372 
$input-border-color:             rgba(0,0,0,.15) !default;
Chris Rebert's avatar
Use $input-btn-border-width for both .form-control and .btn borders; fixes #18424    
Chris Rebert committed
373 
$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
374 
$input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
375
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
376 
$input-border-radius:            $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
377
378 
$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
379
NicoLB's avatar
.form-control:focus customization (#20436)    
NicoLB committed
380 
$input-bg-focus:                 $input-bg !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
381 
$input-border-focus:             #66afe9 !default;
NicoLB's avatar
.form-control:focus customization (#20436)    
NicoLB committed
382
383 
$input-box-shadow-focus:         $input-box-shadow, 0 0 8px rgba(102,175,233,.6) !default;
$input-color-focus:              $input-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
384
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
385 
$input-color-placeholder:        #999 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
386
Mark Otto's avatar
updated button/form-control padding and line-height    
Mark Otto committed
387
388 
$input-padding-x-sm:             .5rem !default;
$input-padding-y-sm:             .25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
389
Mark Otto's avatar
updated button/form-control padding and line-height    
Mark Otto committed
390 
$input-padding-x-lg:             1.5rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
391
392 
$input-padding-y-lg:             .75rem !default;
Mark Otto's avatar
Redo line-height globally    
Mark Otto committed
393 
$input-height:                   (($font-size-base * $line-height-base) + ($input-padding-y * 2)) !default;
Mark Otto's avatar
fixes border-width issues when customizing font-size by using 1px instead of...    
Mark Otto committed
394
395 
$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
396
Mark Otto's avatar
fix #17356    
Mark Otto committed
397 
$form-group-margin-bottom:       $spacer-y !default;
Mark Otto's avatar
fix validation, run grunt dist    
Mark Otto committed
398
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
399 
$input-group-addon-bg:           $gray-lighter !default;
Chris Rebert's avatar
$input-border => $input-border-color    
Chris Rebert committed
400 
$input-group-addon-border-color: $input-border-color !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 
$cursor-disabled:                not-allowed !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
403
Mark Otto's avatar
Hella vars for custom checkboxes and radios and selects    
Mark Otto committed
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427 
$custom-control-gutter:   1.5rem !default;
$custom-control-spacer-x: 1rem !default;
$custom-control-spacer-y: .25rem !default;

$custom-control-indicator-size:       1rem !default;
$custom-control-indicator-bg:         #ddd !default;
$custom-control-indicator-bg-size:    50% 50% !default;
$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1) !default;

$custom-control-disabled-cursor:             $cursor-disabled !default;
$custom-control-disabled-indicator-bg:       #eee !default;
$custom-control-disabled-description-color:  #767676 !default;

$custom-control-checked-indicator-color:      #fff !default;
$custom-control-checked-indicator-bg:         #0074d9 !default;
$custom-control-checked-indicator-box-shadow: none !default;

$custom-control-focus-indicator-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9 !default;

$custom-control-active-indicator-color:      #fff !default;
$custom-control-active-indicator-bg:         #84c6ff !default;
$custom-control-active-indicator-box-shadow: none !default;

$custom-checkbox-radius: $border-radius !default;
Patrick H. Lauke's avatar
replace `#` with `%23` in SVG data urls with str-replace    
Patrick H. Lauke committed
428 
$custom-checkbox-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-checked-indicator-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
Mark Otto's avatar
Fixes #20118: Add and use Sass variables to control the color of our embedded...    
Mark Otto committed
429
Mark Otto's avatar
Hella vars for custom checkboxes and radios and selects    
Mark Otto committed
430 
$custom-checkbox-indeterminate-bg: #0074d9 !default;
Mark Otto's avatar
Fixes #20118: Add and use Sass variables to control the color of our embedded...    
Mark Otto committed
431 
$custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;
Patrick H. Lauke's avatar
replace `#` with `%23` in SVG data urls with str-replace    
Patrick H. Lauke committed
432 
$custom-checkbox-indeterminate-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
Mark Otto's avatar
Hella vars for custom checkboxes and radios and selects    
Mark Otto committed
433
434
435 
$custom-checkbox-indeterminate-box-shadow: none !default;

$custom-radio-radius: 50% !default;
Patrick H. Lauke's avatar
replace `#` with `%23` in SVG data urls with str-replace    
Patrick H. Lauke committed
436 
$custom-radio-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-checked-indicator-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
Mark Otto's avatar
Hella vars for custom checkboxes and radios and selects    
Mark Otto committed
437
438
439
440 

$custom-select-padding-x:          .75rem  !default;
$custom-select-padding-y:          .375rem !default;
$custom-select-indicator-padding:  1rem !default; // Extra padding to account for the presence of the background-image based indicator
Matthew Rayfield's avatar
Add disabled styling for .custom-select    
Matthew Rayfield committed
441
442 
$custom-select-color:          $input-color !default;
$custom-select-disabled-color: $gray-light !default;
Mark Otto's avatar
Hella vars for custom checkboxes and radios and selects    
Mark Otto committed
443 
$custom-select-bg:            #fff !default;
Matthew Rayfield's avatar
Add disabled styling for .custom-select    
Matthew Rayfield committed
444 
$custom-select-disabled-bg:   $gray-lighter !default;
Mark Otto's avatar
Hella vars for custom checkboxes and radios and selects    
Mark Otto committed
445 
$custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
Mark Otto's avatar
Fixes #20118: Add and use Sass variables to control the color of our embedded...    
Mark Otto committed
446 
$custom-select-indicator-color: #333 !default;
Patrick H. Lauke's avatar
replace `#` with `%23` in SVG data urls with str-replace    
Patrick H. Lauke committed
447 
$custom-select-indicator:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
Mark Otto's avatar
Hella vars for custom checkboxes and radios and selects    
Mark Otto committed
448
449
450
451
452 
$custom-select-border-width:  $input-btn-border-width !default;
$custom-select-border-color:  $input-border-color !default;
$custom-select-border-radius: $border-radius !default;

$custom-select-focus-border-color: #51a7e8 !default;
Mark Otto's avatar
linter    
Mark Otto committed
453 
$custom-select-focus-box-shadow:   inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5) !default;
Mark Otto's avatar
Hella vars for custom checkboxes and radios and selects    
Mark Otto committed
454
455
456 

$custom-select-sm-padding-y: .2rem !default;
$custom-select-sm-font-size: 75% !default;
markau's avatar
Fixes #17918: Add styles for disabled custom checkboxes and radios    
markau committed
457
Mark Otto's avatar
add custom file vars, fix up custom select var    
Mark Otto committed
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472 
$custom-file-height:           2.5rem !default;
$custom-file-width:            14rem !default;
$custom-file-focus-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9 !default;

$custom-file-padding-x:     .5rem !default;
$custom-file-padding-y:     1rem !default;
$custom-file-line-height:   1.5 !default;
$custom-file-color:         #555 !default;
$custom-file-bg:            #fff !default;
$custom-file-border-width:  $border-width !default;
$custom-file-border-color:  #ddd !default;
$custom-file-border-radius: $border-radius !default;
$custom-file-box-shadow:    inset 0 .2rem .4rem rgba(0,0,0,.05) !default;
$custom-file-button-color:  $custom-file-color !default;
$custom-file-button-bg:     #eee !default;
Chris Rebert's avatar
Make translation of custom file input text easier; fixes #18922    
Chris Rebert committed
473
474
475
476
477
478
479
480 
$custom-file-text: (
  placeholder: (
    en: "Choose file..."
  ),
  button-label: (
    en: "Browse"
  )
) !default;
markau's avatar
Fixes #17918: Add styles for disabled custom checkboxes and radios    
markau committed
481
482
Mark Otto's avatar
move form validation icon vars to variables file    
Mark Otto committed
483 
// Form validation icons
Mark Otto's avatar
Fixes #20118: Add and use Sass variables to control the color of our embedded...    
Mark Otto committed
484 
$form-icon-success-color: $brand-success !default;
Patrick H. Lauke's avatar
replace `#` with `%23` in SVG data urls with str-replace    
Patrick H. Lauke committed
485 
$form-icon-success: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"), "#", "%23") !default;
Mark Otto's avatar
Fixes #20118: Add and use Sass variables to control the color of our embedded...    
Mark Otto committed
486
487 

$form-icon-warning-color: $brand-warning !default;
Patrick H. Lauke's avatar
replace `#` with `%23` in SVG data urls with str-replace    
Patrick H. Lauke committed
488 
$form-icon-warning: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"), "#", "%23") !default;
Mark Otto's avatar
Fixes #20118: Add and use Sass variables to control the color of our embedded...    
Mark Otto committed
489
490 

$form-icon-danger-color: $brand-danger !default;
Patrick H. Lauke's avatar
replace `#` with `%23` in SVG data urls with str-replace    
Patrick H. Lauke committed
491 
$form-icon-danger: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"), "#", "%23") !default;
Mark Otto's avatar
move form validation icon vars to variables file    
Mark Otto committed
492
Mark Otto's avatar
convert to scss  
Mark Otto committed
493
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
494 
// 14. Dropdowns
Mark Otto's avatar
convert to scss  
Mark Otto committed
495 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
496 
// Dropdown menu container and contents.
Mark Otto's avatar
convert to scss  
Mark Otto committed
497
Mark Otto's avatar
v4: Dropdown units (#20701)    
Mark Otto committed
498
499
500 
$dropdown-min-width:             10rem !default;
$dropdown-padding-y:             .5rem !default;
$dropdown-margin-top:            .125rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
501 
$dropdown-bg:                    #fff !default;
Chris Rebert's avatar
$dropdown-border => $dropdown-border-color    
Chris Rebert committed
502 
$dropdown-border-color:          rgba(0,0,0,.15) !default;
Chris Rebert's avatar
Add $dropdown-border-width; refs #18150    
Chris Rebert committed
503 
$dropdown-border-width:          $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
504 
$dropdown-divider-bg:            #e5e5e5 !default;
Mark Otto's avatar
v4: Dropdown units (#20701)    
Mark Otto committed
505 
$dropdown-box-shadow:            0 .5rem 1rem rgba(0,0,0,.175) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
506
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
507
508
509 
$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
510
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
511
512 
$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
513
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
514 
$dropdown-link-disabled-color:   $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
515
Mark Otto's avatar
v4: Dropdown units (#20701)    
Mark Otto committed
516 
$dropdown-item-padding-x:        1.5rem !default;
Chris Rebert's avatar
Extract $dropdown-item-padding-x variable    
Chris Rebert committed
517
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
518 
$dropdown-header-color:          $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
519
520
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
521 
// 15. Z-index master list
Mark Otto's avatar
convert to scss  
Mark Otto committed
522
523
524
525 
//
// 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
Use proper variable for .dropdown-backdrop's z-index    
Chris Rebert committed
526 
$zindex-dropdown-backdrop:  990 !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
527
528
529
530
531 
$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
532 
$zindex-navbar-sticky:     1030 !default;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
533
534 
$zindex-modal-bg:          1040 !default;
$zindex-modal:             1050 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
535
536
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
537 
// 16. Navbar
Mark Otto's avatar
convert to scss  
Mark Otto committed
538
Mark Otto's avatar
rewrite navbar once more for lower key styles and a new take on modifiers for...    
Mark Otto committed
539 
$navbar-border-radius:              $border-radius !default;
Chris Rebert's avatar
Rename 2 navbar variables to comply with updated naming convention    
Chris Rebert committed
540
541 
$navbar-padding-x:                  $spacer !default;
$navbar-padding-y:                  ($spacer / 2) !default;
Mark Otto's avatar
more navbar variables    
Mark Otto committed
542
Chris Rebert's avatar
Extract $navbar-brand-padding-y variable    
Chris Rebert committed
543 
$navbar-brand-padding-y:            .25rem !default;
Mark Otto's avatar
rewrite navbar once more for lower key styles and a new take on modifiers for...    
Mark Otto committed
544
Mark Otto's avatar
more navbar variables    
Mark Otto committed
545
546 
$navbar-divider-padding-y:          .425rem !default;
Mark Otto's avatar
follow up to c6c0522598037fcdeb04dfa376910a7cb5fa0fa8: define those new vars    
Mark Otto committed
547
548 
$navbar-toggler-padding-x:           .75rem !default;
$navbar-toggler-padding-y:           .5rem !default;
Mark Otto's avatar
correction, -toggler-*    
Mark Otto committed
549
550 
$navbar-toggler-font-size:           $font-size-lg !default;
$navbar-toggler-border-radius:       $btn-border-radius !default;
Mark Otto's avatar
add new variable for -toggle-font-size    
Mark Otto committed
551
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
552
553
554
555 
$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;
Patrick H. Lauke's avatar
replace `#` with `%23` in SVG data urls with str-replace    
Patrick H. Lauke committed
556 
$navbar-dark-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
Mark Otto's avatar
set the border color on the toggler    
Mark Otto committed
557 
$navbar-dark-toggler-border:        rgba(255,255,255,.1) !default;
Mark Otto's avatar
rewrite navbar once more for lower key styles and a new take on modifiers for...    
Mark Otto committed
558
Mark Otto's avatar
Fixes #20543: Significantly darken the links in default navbars    
Mark Otto committed
559
560
561
562 
$navbar-light-color:                rgba(0,0,0,.5) !default;
$navbar-light-hover-color:          rgba(0,0,0,.7) !default;
$navbar-light-active-color:         rgba(0,0,0,.9) !default;
$navbar-light-disabled-color:       rgba(0,0,0,.3) !default;
Patrick H. Lauke's avatar
replace `#` with `%23` in SVG data urls with str-replace    
Patrick H. Lauke committed
563 
$navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
Mark Otto's avatar
set the border color on the toggler    
Mark Otto committed
564 
$navbar-light-toggler-border:       rgba(0,0,0,.1) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
565
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
566 
// 17. Navs
Mark Otto's avatar
convert to scss  
Mark Otto committed
567
Mark Otto's avatar
Spacing y'all    
Mark Otto committed
568
569
570
571
572
573
574
575
576
577 
$nav-item-margin:               .2rem !default;
$nav-item-inline-spacer:        1rem !default;
$nav-link-padding:              .5em 1em !default;
$nav-link-hover-bg:             $gray-lighter !default;
$nav-disabled-link-color:       $gray-light !default;
$nav-disabled-link-hover-color: $gray-light !default;
$nav-disabled-link-hover-bg:    transparent !default;

$nav-tabs-border-color:                       #ddd !default;
$nav-tabs-border-width:                       $border-width !default;
vsn4ik's avatar
Use @border-radius and add $nav-tabs-border-radius variable    
vsn4ik committed
578 
$nav-tabs-border-radius:                      $border-radius !default;
Mark Otto's avatar
Spacing y'all    
Mark Otto committed
579
580 
$nav-tabs-link-hover-border-color:            $gray-lighter !default;
$nav-tabs-active-link-hover-color:            $gray !default;
Mark Otto's avatar
New $nav-pills-active-link-* variables    
Mark Otto committed
581 
$nav-tabs-active-link-hover-bg:               $body-bg !default;
Mark Otto's avatar
Spacing y'all    
Mark Otto committed
582
583
584
585 
$nav-tabs-active-link-hover-border-color:     #ddd !default;
$nav-tabs-justified-link-border-color:        #ddd !default;
$nav-tabs-justified-active-link-border-color: $body-bg !default;
Mark Otto's avatar
New $nav-pills-active-link-* variables    
Mark Otto committed
586
587
588 
$nav-pills-border-radius:     $border-radius !default;
$nav-pills-active-link-color: $component-active-color !default;
$nav-pills-active-link-bg:    $component-active-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
589
590
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
591 
// 18. Pagination
Mark Otto's avatar
convert to scss  
Mark Otto committed
592
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
593
594
595
596
597
598
599
600 
$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
601
602 
$pagination-color:                     $link-color !default;
$pagination-bg:                        #fff !default;
Chris Rebert's avatar
Add $pagination-border-width; refs #18150    
Chris Rebert committed
603 
$pagination-border-width:              $border-width !default;
Chris Rebert's avatar
Rename $pagination-border => $pagination-border-color for clarity    
Chris Rebert committed
604 
$pagination-border-color:              #ddd !default;
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
608 
$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
609
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
610
611
612 
$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
613
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
614
615
616 
$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
617
618
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
619 
// 19. Jumbotron
Mark Otto's avatar
convert to scss  
Mark Otto committed
620
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
621
622 
$jumbotron-padding:              2rem !default;
$jumbotron-bg:                   $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
623
624
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
625 
// 20. Form states and alerts
Mark Otto's avatar
convert to scss  
Mark Otto committed
626 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
627 
// Define colors for form feedback states and, by default, alerts.
Mark Otto's avatar
convert to scss  
Mark Otto committed
628
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
629
630
631 
$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
632
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
633
634
635 
$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
636
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
637
638 
$state-warning-text:             #8a6d3b !default;
$state-warning-bg:               #fcf8e3 !default;
Chris Rebert's avatar
Introduce $mark-bg variable so that <mark>'s background-color can be...    
Chris Rebert committed
639 
$mark-bg:                        $state-warning-bg !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
640 
$state-warning-border:           darken($state-warning-bg, 5%) !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
644 
$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
645
646
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
647 
// 21. Cards
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
648
649 
$card-spacer-x:            1.25rem !default;
$card-spacer-y:            .75rem !default;
Mark Otto's avatar
unfuck that border from rem to px    
Mark Otto committed
650 
$card-border-width:        1px !default;
Chris Rebert's avatar
Make $card-border-radius default to $border-radius    
Chris Rebert committed
651 
$card-border-radius:       $border-radius !default;
Mark Otto's avatar
fuck around with card borders and more    
Mark Otto committed
652 
$card-border-color:        rgba(0,0,0,.125) !default;
Mark Otto's avatar
Follow up fix for #20667 (#20672)    
Mark Otto committed
653 
$card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
654 
$card-cap-bg:              #f5f5f5 !default;
Aleksey Khudyakov's avatar
Add variable for card background color    
Aleksey Khudyakov committed
655 
$card-bg:                  #fff !default;
Kevin Kirsche's avatar
Card variables should be in _variables.scss    
Kevin Kirsche committed
656
Andrey's avatar
Add variable for card-link hover state    
Andrey committed
657
658 
$card-link-hover-color:    #fff !default;
Chris Rebert's avatar
Add $card-img-overlay-padding variable    
Chris Rebert committed
659
660 
$card-img-overlay-padding: 1.25rem !default;
Chris Rebert's avatar
Introduce $card-deck-margin variable    
Chris Rebert committed
661
662 
$card-deck-margin:         .625rem !default;
Chris Rebert's avatar
Add $card-columns-sm-up-column-gap variable    
Chris Rebert committed
663
664 
$card-columns-sm-up-column-gap: 1.25rem !default;
Andrey's avatar
Add variable for card-link hover state    
Andrey committed
665
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
666 
// 22. Tooltips
Mark Otto's avatar
convert to scss  
Mark Otto committed
667
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
668
669
670
671 
$tooltip-max-width:           200px !default;
$tooltip-color:               #fff !default;
$tooltip-bg:                  #000 !default;
$tooltip-opacity:             .9 !default;
Chris Rebert's avatar
Introduce $tooltip-padding-{x,y} & $tooltip-margin vars    
Chris Rebert committed
672
673
674 
$tooltip-padding-y:           3px !default;
$tooltip-padding-x:           8px !default;
$tooltip-margin:              3px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
675
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
676
677 
$tooltip-arrow-width:         5px !default;
$tooltip-arrow-color:         $tooltip-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
678
679
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
680 
// 23. Popovers
Mark Otto's avatar
convert to scss  
Mark Otto committed
681
Mark Otto's avatar
Alternate fix to #19006: Add a single variable for controlling that inner 1px padding on .popover    
Mark Otto committed
682 
$popover-inner-padding:               1px !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
683
684 
$popover-bg:                          #fff !default;
$popover-max-width:                   276px !default;
Chris Rebert's avatar
Add $popover-border-width; refs #18150    
Chris Rebert committed
685 
$popover-border-width:                $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
686 
$popover-border-color:                rgba(0,0,0,.2) !default;
Chris Rebert's avatar
Extract $popover-box-shadow variable    
Chris Rebert committed
687 
$popover-box-shadow:                  0 5px 10px rgba(0,0,0,.2) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
688
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
689 
$popover-title-bg:                    darken($popover-bg, 3%) !default;
Chris Rebert's avatar
Add variables for padding of popover title & content    
Chris Rebert committed
690
691
692
693
694 
$popover-title-padding-x:             14px !default;
$popover-title-padding-y:             8px !default;

$popover-content-padding-x:           14px !default;
$popover-content-padding-y:           9px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
695
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
696
697 
$popover-arrow-width:                 10px !default;
$popover-arrow-color:                 $popover-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
698
Chris Rebert's avatar
Use proper units when adding/subtracting lengths    
Chris Rebert committed
699 
$popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
Mark Otto's avatar
linter    
Mark Otto committed
700 
$popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
701
702
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
703 
// 24. Tags
Mark Otto's avatar
convert to scss  
Mark Otto committed
704
Mark Otto's avatar
Rename .tag to .badge to avoid conflicting with WordPress    
Mark Otto committed
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719 
$badge-default-bg:            $gray-light !default;
$badge-primary-bg:            $brand-primary !default;
$badge-success-bg:            $brand-success !default;
$badge-info-bg:               $brand-info !default;
$badge-warning-bg:            $brand-warning !default;
$badge-danger-bg:             $brand-danger !default;

$badge-color:                 #fff !default;
$badge-link-hover-color:      #fff !default;
$badge-font-size:             75% !default;
$badge-font-weight:           $font-weight-bold !default;
$badge-padding-x:             .4em !default;
$badge-padding-y:             .25em !default;

$badge-pill-padding-x:        .6em !default;
Chris Rebert's avatar
Add $label-pill-border-radius variable    
Chris Rebert committed
720
721 
// Use a higher than normal value to ensure completely rounded edges when
// customizing padding or font-size on labels.
Mark Otto's avatar
Rename .tag to .badge to avoid conflicting with WordPress    
Mark Otto committed
722 
$badge-pill-border-radius:    10rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
723
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
724
725 

// 25. Modals
Mark Otto's avatar
convert to scss  
Mark Otto committed
726
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
727 
// Padding applied to the modal body
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
728 
$modal-inner-padding:         15px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
729
Chris Rebert's avatar
Extract new $modal-dialog-margin variable    
Chris Rebert committed
730 
$modal-dialog-margin:         10px !default;
Chris Rebert's avatar
Extract $modal-dialog-sm-up-margin-y variable    
Chris Rebert committed
731 
$modal-dialog-sm-up-margin-y: 30px !default;
Chris Rebert's avatar
Extract new $modal-dialog-margin variable    
Chris Rebert committed
732
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
733 
$modal-title-padding:         15px !default;
Mark Otto's avatar
Redo line-height globally    
Mark Otto committed
734 
$modal-title-line-height:     $line-height-base !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
735
Chris Rebert's avatar
Extract variables for .modal-content box-shadow    
Chris Rebert committed
736
737 
$modal-content-bg:               #fff !default;
$modal-content-border-color:     rgba(0,0,0,.2) !default;
Chris Rebert's avatar
Extract $modal-content-border-width variable    
Chris Rebert committed
738 
$modal-content-border-width:     $border-width !default;
Chris Rebert's avatar
Extract variables for .modal-content box-shadow    
Chris Rebert committed
739
740 
$modal-content-xs-box-shadow:    0 3px 9px rgba(0,0,0,.5) !default;
$modal-content-sm-up-box-shadow: 0 5px 15px rgba(0,0,0,.5) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
741
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
742
743
744
745 
$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;
Chris Rebert's avatar
Extract $modal-content-border-width variable    
Chris Rebert committed
746 
$modal-header-border-width:   $modal-content-border-width !default;
Chris Rebert's avatar
Extract $modal-{header,footer}-border-width variables    
Chris Rebert committed
747 
$modal-footer-border-width:   $modal-header-border-width !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
748
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
749
750
751 
$modal-lg:                    900px !default;
$modal-md:                    600px !default;
$modal-sm:                    300px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
752
753
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
754 
// 26. Alerts
Mark Otto's avatar
convert to scss  
Mark Otto committed
755 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
756 
// Define alert colors, border radius, and padding.
Mark Otto's avatar
convert to scss  
Mark Otto committed
757
Mark Otto's avatar
Switch to separate vars for alert vertical/horizontal padding    
Mark Otto committed
758
759 
$alert-padding-x:             1.25rem !default;
$alert-padding-y:             .75rem !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
760 
$alert-border-radius:         $border-radius !default;
Simon Bächler's avatar
Use a variable for the default font weights. Fixes #20741    
Simon Bächler committed
761 
$alert-link-font-weight:      $font-weight-bold !default;
Chris Bell's avatar
#17895 Added $alert-border-width that defaults to $border-width    
Chris Bell committed
762 
$alert-border-width:          $border-width !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
763
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
764
765
766 
$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
767
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
768
769
770 
$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
771
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
772
773
774 
$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
775
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
776
777
778 
$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
779
780
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
781 
// 27. Progress bars
Mark Otto's avatar
convert to scss  
Mark Otto committed
782
Chris Rebert's avatar
Set $progress-bg to color we are actually using    
Chris Rebert committed
783 
$progress-bg:                 #eee !default;
Chris Rebert's avatar
Set $progress-bar-color to color we are currently using    
Chris Rebert committed
784 
$progress-bar-color:          #0074d9 !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
785 
$progress-border-radius:      $border-radius !default;
Chris Rebert's avatar
Add $progress-box-shadow variable    
Chris Rebert committed
786 
$progress-box-shadow:         inset 0 .1rem .1rem rgba(0,0,0,.1) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
787
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
788
789
790
791
792 
$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
793
794
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
795 
// 28. List group
Mark Otto's avatar
convert to scss  
Mark Otto committed
796
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
797 
$list-group-bg:                 #fff !default;
Chris Rebert's avatar
$list-group-border => $list-group-border-color    
Chris Rebert committed
798 
$list-group-border-color:       #ddd !default;
Chris Rebert's avatar
Add $list-group-border-width; refs #18150    
Chris Rebert committed
799 
$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
800 
$list-group-border-radius:      $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
801
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
802
803
804
805
806 
$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
807
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
808
809
810 
$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
811
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
812
813
814 
$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
815
Chris Rebert's avatar
Extract $list-group-item-heading-margin-bottom variable    
Chris Rebert committed
816
817
818 
$list-group-item-padding-x:             1.25rem !default;
$list-group-item-padding-y:             .75rem !default;
$list-group-item-heading-margin-bottom: 5px !default;
Chris Rebert's avatar
Add $list-group-item-padding-{x,y} variables    
Chris Rebert committed
819
Mark Otto's avatar
convert to scss  
Mark Otto committed
820
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
821 
// 29. Image thumbnails
Mark Otto's avatar
convert to scss  
Mark Otto committed
822
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
823
824 
$thumbnail-padding:           .25rem !default;
$thumbnail-bg:                $body-bg !default;
Chris Rebert's avatar
Add $thumbnail-border-width; refs #18150    
Chris Rebert committed
825 
$thumbnail-border-width:      $border-width !default;
Chris Rebert's avatar
$thumbnail-border => $thumbnail-border-color    
Chris Rebert committed
826 
$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
827 
$thumbnail-border-radius:     $border-radius !default;
Chris Rebert's avatar
Extract $thumbnail-box-shadow variable    
Chris Rebert committed
828 
$thumbnail-box-shadow:        0 1px 2px rgba(0,0,0,.075) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
829
830
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
831 
// 30. Figures
Chris Rebert's avatar
Add $figure-caption-font-size variable    
Chris Rebert committed
832
833
834
835 

$figure-caption-font-size: 90% !default;
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
836 
// 31. Breadcrumbs
Mark Otto's avatar
convert to scss  
Mark Otto committed
837
Chris Rebert's avatar
Refactor Breadcrumbs component    
Chris Rebert committed
838
839
840 
$breadcrumb-padding-y:          .75rem !default;
$breadcrumb-padding-x:          1rem !default;
$breadcrumb-item-padding:       .5rem !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
841
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
842
843
844
845 
$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
846
847
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
848 
// 32. Media objects
Chris Rebert's avatar
Add variables for media object margins and padding    
Chris Rebert committed
849
850
851
852
853
854 

$media-margin-top:            15px !default;
$media-heading-margin-bottom:  5px !default;
$media-alignment-padding-x:   10px !default;
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
855 
// 33. Carousel
Mark Otto's avatar
convert to scss  
Mark Otto committed
856
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
857 
$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
858
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
859
860 
$carousel-control-color:                      #fff !default;
$carousel-control-width:                      15% !default;
Chris Rebert's avatar
Extract $carousel-control-sm-up-size variable    
Chris Rebert committed
861 
$carousel-control-sm-up-size:                 30px !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
862
863 
$carousel-control-opacity:                    .5 !default;
$carousel-control-font-size:                  20px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
864
Chris Rebert's avatar
Extract $carousel-indicators-width variable    
Chris Rebert committed
865
866 
$carousel-indicators-width:                   60% !default;
Chris Rebert's avatar
Extract $carousel-indicator{-active}-size variables    
Chris Rebert committed
867
868 
$carousel-indicator-size:                     10px !default;
$carousel-indicator-active-size:              12px !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
869
870 
$carousel-indicator-active-bg:                #fff !default;
$carousel-indicator-border-color:             #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
871
Chris Rebert's avatar
Extract $carousel-caption{-sm-up}-width variables    
Chris Rebert committed
872
873 
$carousel-caption-width:                      70% !default;
$carousel-caption-sm-up-width:                60% !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
874 
$carousel-caption-color:                      #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
875
Chris Rebert's avatar
Extract $carousel-icon-width variable    
Chris Rebert committed
876
877 
$carousel-icon-width:                         20px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
878
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
879 
// 34. Close
Mark Otto's avatar
convert to scss  
Mark Otto committed
880
Simon Bächler's avatar
Use a variable for the default font weights. Fixes #20741    
Simon Bächler committed
881 
$close-font-weight:           $font-weight-bold !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
882
883 
$close-color:                 #000 !default;
$close-text-shadow:           0 1px 0 #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
884
885
JPeer264's avatar
updated sass variables table of contents    
JPeer264 committed
886 
// 35. Code
Mark Otto's avatar
convert to scss  
Mark Otto committed
887
Chris Rebert's avatar
Extract $code-font-size variable    
Chris Rebert committed
888 
$code-font-size:              90% !default;
Chris Rebert's avatar
Extract $code-padding-{x,y} variables    
Chris Rebert committed
889
890 
$code-padding-x:              .4rem !default;
$code-padding-y:              .2rem !default;
Mark Otto's avatar
tweak code styles    
Mark Otto committed
891 
$code-color:                  #bd4147 !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
892 
$code-bg:                     #f7f7f9 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
893
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
894
895 
$kbd-color:                   #fff !default;
$kbd-bg:                      #333 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
896
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
897
898
899
900 
$pre-bg:                      #f7f7f9 !default;
$pre-color:                   $gray-dark !default;
$pre-border-color:            #ccc !default;
$pre-scrollable-max-height:   340px !default;