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 


// Spacing
//
// Control the default styling of most Bootstrap elements by modifying these
// variables. Mostly focused on spacing.
Mark Otto's avatar
spacing    
Mark Otto committed
60
61
62 
$spacer:   1rem !default;
$spacer-x: $spacer !default;
$spacer-y: $spacer !default;
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
63
64 
$spacers: (
  0: (
Mark Otto's avatar
spacing    
Mark Otto committed
65
66 
    x: 0,
    y: 0
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
67
68 
  ),
  1: (
Mark Otto's avatar
spacing    
Mark Otto committed
69
70 
    x: $spacer-x,
    y: $spacer-y
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
71
72 
  ),
  2: (
Mark Otto's avatar
spacing    
Mark Otto committed
73
74 
    x: ($spacer-x * 1.5),
    y: ($spacer-y * 1.5)
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
75
76 
  ),
  3: (
Mark Otto's avatar
spacing    
Mark Otto committed
77
78 
    x: ($spacer-x * 3),
    y: ($spacer-y * 3)
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
79
80 
  )
) !default;
Mark Otto's avatar
spacing    
Mark Otto committed
81 
$border-width: 1px !default;
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
82
83
84
85
86 


// Body
//
// Settings for the `<body>` element.
Mark Otto's avatar
convert to scss  
Mark Otto committed
87
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
88 
$body-bg:                    #fff !default;
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
89
90
91
92
93
94 
$body-color:                 $gray-dark !default;


// Links
//
// Style anchor elements.
Mark Otto's avatar
convert to scss  
Mark Otto committed
95
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
96 
$link-color:                 $brand-primary !default;
Mark Otto's avatar
fixes #17385: add var for default link decoration    
Mark Otto committed
97 
$link-decoration:            none !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
98
99 
$link-hover-color:           darken($link-color, 15%) !default;
$link-hover-decoration:      underline !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
100
101
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
102 
// Grid breakpoints
Mark Otto's avatar
convert to scss  
Mark Otto committed
103 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
104
105 
// 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
106
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
107
108
109
110 
$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
111 
  sm: 544px,
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
112 
  // Medium screen / tablet
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
113 
  md: 768px,
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
114 
  // Large screen / desktop
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
115 
  lg: 992px,
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
116 
  // Extra large screen / wide desktop
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
117 
  xl: 1200px
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
118 
) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
119
Mark Otto's avatar
clean up vars file a smidge    
Mark Otto committed
120
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
121 
// Grid containers
Mark Otto's avatar
clean up vars file a smidge    
Mark Otto committed
122 
//
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
123 
// Define the maximum width of `.container` for different screen sizes.
Mark Otto's avatar
clean up vars file a smidge    
Mark Otto committed
124
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
125 
$container-max-widths: (
Gleb Mazovetskiy's avatar
Change grid and container sizes to px    
Gleb Mazovetskiy committed
126
127
128
129 
  sm: 576px,
  md: 720px,
  lg: 940px,
  xl: 1140px
Mark Otto's avatar
reorder variables, rename -color to -color    
Mark Otto committed
130
131
132
133
134
135
136
137 
) !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
138 
$grid-gutter-width:          1.875rem !default; // 30px
Mark Otto's avatar
fix spacer vars    
Mark Otto committed
139
Chris Rebert's avatar
add $use-hover-media-query to control @media (hover:hover) usage    
Chris Rebert committed
140
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
141 
// Typography
Mark Otto's avatar
convert to scss  
Mark Otto committed
142 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
143 
// Font, line-height, and color for body text, headings, and more.
Mark Otto's avatar
convert to scss  
Mark Otto committed
144
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
145
146
147
148 
$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
149
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
150 
// 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
151 
$font-size-root:             16px !default;
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
152
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
153
154 
$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
155 
$font-size-sm:               .875rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
156
157 
$font-size-xs:               .75rem !default;
Mark Otto's avatar
tweak heading sizes    
Mark Otto committed
158
159 
$font-size-h1:               2.5rem !default;
$font-size-h2:               2rem !default;
Mark Otto's avatar
tweak the font-sizes for headings    
Mark Otto committed
160 
$font-size-h3:               1.75rem !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
161
162
163 
$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
164
Mark Otto's avatar
fixes #17412: reverse display heading classes to match h1-h6 headings    
Mark Otto committed
165
166
167
168 
$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
169
170
171
172
173
174 

$display1-weight:             300 !default;
$display2-weight:             300 !default;
$display3-weight:             300 !default;
$display4-weight:             300 !default;
Mark Otto's avatar
indentation    
Mark Otto committed
175 
$line-height:                1.5 !default;
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
176
Mark Otto's avatar
variables cleanup    
Mark Otto committed
177 
$headings-margin-bottom:     ($spacer / 2) !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
178
179
180
181 
$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
182
Mark Otto's avatar
variables cleanup    
Mark Otto committed
183
184
185
186
187
188
189
190
191
192
193
194 
$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
195 
$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
196
Chris Rebert's avatar
Add 3 more font-weight variables    
Chris Rebert committed
197
198
199
200 
$dt-font-weight:              bold !default;

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