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

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


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

$spacer:                     1rem !default;
$spacer-x:                   $spacer !default;
$spacer-y:                   $spacer !default;
Chris Rebert's avatar
Refactor _utilities-spacing.scss; fixes #18129    
Chris Rebert committed
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80 
$spacers: (
  0: (
    x:   0,
    y:   0
  ),
  1: (
    x:   $spacer-x,
    y:   $spacer-y
  ),
  2: (
    x:   ($spacer-x * 1.5),
    y:   ($spacer-y * 1.5)
  ),
  3: (
    x:   ($spacer-x * 3),
    y:   ($spacer-y * 3)
  )
) !default;
Mark Otto's avatar
fixes border-width issues when customizing font-size by using 1px instead of...    
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;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
278 
// Allows for customizing button radius independently from global border radius
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
279
280
281 
$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
282
Mark Otto's avatar
convert to scss  
Mark Otto committed
283
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
284 
// Forms
Mark Otto's avatar
convert to scss  
Mark Otto committed
285
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
286 
$input-padding-x:                .75rem !default;
Mark Otto's avatar
tighten up padding on inputs and buttons, disable fixed heights for now    
Mark Otto committed
287 
$input-padding-y:                .375rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
288
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
289
290 
$input-bg:                       #fff !default;
$input-bg-disabled:              $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
291
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
292 
$input-color:                    $gray !default;
Chris Rebert's avatar
$input-border => $input-border-color    
Chris Rebert committed
293 
$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
294 
$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
295 
$input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
296
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
297 
$input-border-radius:            $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
298
299 
$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
300
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
301
302 
$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
303
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
304 
$input-color-placeholder:        #999 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
305
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
306
307
308 
$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
309 
$input-padding-x-lg:             1.25rem !default;
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
310
311 
$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
312
313
314 
$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
315
Mark Otto's avatar
fix #17356    
Mark Otto committed
316 
$form-group-margin-bottom:       $spacer-y !default;
Mark Otto's avatar
fix validation, run grunt dist    
Mark Otto committed
317
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
318 
$input-group-addon-bg:           $gray-lighter !default;
Chris Rebert's avatar
$input-border => $input-border-color    
Chris Rebert committed
319 
$input-group-addon-border-color: $input-border-color !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 
$cursor-disabled:                not-allowed !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
322
Mark Otto's avatar
move form validation icon vars to variables file    
Mark Otto committed
323 
// Form validation icons
vsn4ik's avatar
v4 - Add default param for form-icon variables    
vsn4ik committed
324
325
326 
$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
327
Mark Otto's avatar
convert to scss  
Mark Otto committed
328
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
329 
// Dropdowns
Mark Otto's avatar
convert to scss  
Mark Otto committed
330 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
331 
// Dropdown menu container and contents.
Mark Otto's avatar
convert to scss  
Mark Otto committed
332
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
333 
$dropdown-bg:                    #fff !default;
Chris Rebert's avatar
$dropdown-border => $dropdown-border-color    
Chris Rebert committed
334 
$dropdown-border-color:          rgba(0,0,0,.15) !default;
Chris Rebert's avatar
Add $dropdown-border-width; refs #18150    
Chris Rebert committed
335 
$dropdown-border-width:          $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
336 
$dropdown-divider-bg:            #e5e5e5 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
337
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
338
339
340 
$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
341
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
342
343 
$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
344
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
345 
$dropdown-link-disabled-color:   $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
346
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
347 
$dropdown-header-color:          $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
348
349
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
350 
// Z-index master list
Mark Otto's avatar
convert to scss  
Mark Otto committed
351
352
353
354 
//
// 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
355
356
357
358
359 
$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
360 
$zindex-navbar-sticky:     1030 !default;
Mark Otto's avatar
Merge branch 'master' into v4    
Mark Otto committed
361
362 
$zindex-modal-bg:          1040 !default;
$zindex-modal:             1050 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
363
364
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
365 
// Navbar
Mark Otto's avatar
convert to scss  
Mark Otto committed
366
Mark Otto's avatar
rewrite navbar once more for lower key styles and a new take on modifiers for...    
Mark Otto committed
367 
$navbar-border-radius:              $border-radius !default;
Chris Rebert's avatar
Rename 2 navbar variables to comply with updated naming convention    
Chris Rebert committed
368
369 
$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
370
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
371
372
373
374 
$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
375
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
376
377
378
379 
$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
380
381
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
382 
// Navs
Mark Otto's avatar
convert to scss  
Mark Otto committed
383
Chris Rebert's avatar
Introduce $nav-item-margin variable    
Chris Rebert committed
384
385 
$nav-item-margin:                           .2rem !default;
Mark Otto's avatar
rewrite navbar bits some more    
Mark Otto committed
386 
$nav-link-padding:                          .5em 1em !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
387 
$nav-link-hover-bg:                         $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
388
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
389
390 
$nav-disabled-link-color:                   $gray-light !default;
$nav-disabled-link-hover-color:             $gray-light !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
391
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
392 
$nav-tabs-border-color:                     #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
393
Chris Rebert's avatar
Add $nav-tabs-link-border-width; refs #18150    
Chris Rebert committed
394 
$nav-tabs-link-border-width:                $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
395 
$nav-tabs-link-hover-border-color:          $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
396
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
397
398
399 
$nav-tabs-active-link-hover-bg:             $body-bg !default;
$nav-tabs-active-link-hover-color:          $gray !default;
$nav-tabs-active-link-hover-border-color:   #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
400
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
401
402 
$nav-tabs-justified-link-border-color:            #ddd !default;
$nav-tabs-justified-active-link-border-color:     $body-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
403
Mark Otto's avatar
drop the base (hahaha), no but seriously drop the -base from our vars since it's cleaner    
Mark Otto committed
404 
$nav-pills-border-radius:                   $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
405
406 
$nav-pills-active-link-hover-bg:            $component-active-bg !default;
$nav-pills-active-link-hover-color:         $component-active-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
407
408
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
409 
// Pagination
Mark Otto's avatar
convert to scss  
Mark Otto committed
410
Mark Otto's avatar
nuke the shared padding vars and assign to individual components    
Mark Otto committed
411
412
413
414
415
416
417
418 
$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
419
420 
$pagination-color:                     $link-color !default;
$pagination-bg:                        #fff !default;
Chris Rebert's avatar
Add $pagination-border-width; refs #18150    
Chris Rebert committed
421 
$pagination-border-width:              $border-width !default;
Chris Rebert's avatar
Rename $pagination-border => $pagination-border-color for clarity    
Chris Rebert committed
422 
$pagination-border-color:              #ddd !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
423
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
424
425
426 
$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
427
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
428
429
430 
$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
431
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
432
433
434 
$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
435
436
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
437 
// Pager
Mark Otto's avatar
convert to scss  
Mark Otto committed
438
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
439 
$pager-bg:                             $pagination-bg !default;
Chris Rebert's avatar
Add $pager-border-width; refs #18150    
Chris Rebert committed
440 
$pager-border-width:                   $border-width !default;
Chris Rebert's avatar
Rename $pagination-border => $pagination-border-color for clarity    
Chris Rebert committed
441 
$pager-border-color:                   $pagination-border-color !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
442 
$pager-border-radius:                  15px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
443
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
444 
$pager-hover-bg:                       $pagination-hover-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
445
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
446
447 
$pager-active-bg:                      $pagination-active-bg !default;
$pager-active-color:                   $pagination-active-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
448
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
449 
$pager-disabled-color:                 $pagination-disabled-color !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
450
451
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
452 
// Jumbotron
Mark Otto's avatar
convert to scss  
Mark Otto committed
453
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
454
455 
$jumbotron-padding:              2rem !default;
$jumbotron-bg:                   $gray-lighter !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
456
457
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
458 
// Form states and alerts
Mark Otto's avatar
convert to scss  
Mark Otto committed
459 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
460 
// Define colors for form feedback states and, by default, alerts.
Mark Otto's avatar
convert to scss  
Mark Otto committed
461
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
462
463
464 
$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
465
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
466
467
468 
$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
469
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
470
471
472 
$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
473
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
474
475
476 
$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
477
478
Kevin Kirsche's avatar
Card variables should be in _variables.scss    
Kevin Kirsche committed
479 
// Cards
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
480
481 
$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
482 
$card-border-width:        1px !default;
Chris Rebert's avatar
Make $card-border-radius default to $border-radius    
Chris Rebert committed
483 
$card-border-radius:       $border-radius !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
484 
$card-border-color:        #e5e5e5 !default;
Mark Otto's avatar
unfuck that border from rem to px    
Mark Otto committed
485 
$card-border-radius-inner: $card-border-radius !default;
Catalin Zalog's avatar
Apply !default to SCSS variables    
Catalin Zalog committed
486 
$card-cap-bg:              #f5f5f5 !default;
Aleksey Khudyakov's avatar
Add variable for card background color    
Aleksey Khudyakov committed
487 
$card-bg:                  #fff !default;
Kevin Kirsche's avatar
Card variables should be in _variables.scss    
Kevin Kirsche committed
488
Andrey's avatar
Add variable for card-link hover state    
Andrey committed
489
490 
$card-link-hover-color:    #fff !default;
Chris Rebert's avatar
Introduce $card-deck-margin variable    
Chris Rebert committed
491
492 
$card-deck-margin:         .625rem !default;
Andrey's avatar
Add variable for card-link hover state    
Andrey committed
493
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
494 
// Tooltips
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
498
499 
$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
500
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
501
502 
$tooltip-arrow-width:         5px !default;
$tooltip-arrow-color:         $tooltip-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
503
504
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
505 
// Popovers
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 
$popover-bg:                          #fff !default;
$popover-max-width:                   276px !default;
Chris Rebert's avatar
Add $popover-border-width; refs #18150    
Chris Rebert committed
509 
$popover-border-width:                $border-width !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
510 
$popover-border-color:                rgba(0,0,0,.2) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
511
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
512 
$popover-title-bg:                    darken($popover-bg, 3%) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
513
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
514
515 
$popover-arrow-width:                 10px !default;
$popover-arrow-color:                 $popover-bg !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
516
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
517 
$popover-arrow-outer-width:           ($popover-arrow-width + 1) !default;
Gleb Mazovetskiy's avatar
variables: fix fade-in    
Gleb Mazovetskiy committed
518 
$popover-arrow-outer-color:           fade-in($popover-border-color, 0.05) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
519
520
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
521 
// Labels
Mark Otto's avatar
convert to scss  
Mark Otto committed
522
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
523
524
525
526
527
528 
$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
529
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
530
531 
$label-color:                 #fff !default;
$label-link-hover-color:      #fff !default;
Chris Rebert's avatar
Add 3 more font-weight variables    
Chris Rebert committed
532 
$label-font-weight:           bold !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
533
534
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
535 
// Modals
Mark Otto's avatar
convert to scss  
Mark Otto committed
536
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
537 
// Padding applied to the modal body
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
538 
$modal-inner-padding:         15px !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 
$modal-title-padding:         15px !default;
Mark Otto's avatar
line-height-base to line-height var    
Mark Otto committed
541 
$modal-title-line-height:     $line-height !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
542
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
543
544 
$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
545
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
546
547
548
549 
$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
550
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
551
552
553 
$modal-lg:                    900px !default;
$modal-md:                    600px !default;
$modal-sm:                    300px !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
554
555
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
556 
// Alerts
Mark Otto's avatar
convert to scss  
Mark Otto committed
557 
//
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
558 
// Define alert colors, border radius, and padding.
Mark Otto's avatar
convert to scss  
Mark Otto committed
559
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
560 
$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
561 
$alert-border-radius:         $border-radius !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
562 
$alert-link-font-weight:      bold !default;
Chris Bell's avatar
#17895 Added $alert-border-width that defaults to $border-width    
Chris Bell committed
563 
$alert-border-width:          $border-width !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
564
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
565
566
567 
$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
568
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
569
570
571 
$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
572
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
573
574
575 
$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
576
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
577
578
579 
$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
580
581
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
582 
// Progress bars
Mark Otto's avatar
convert to scss  
Mark Otto committed
583
Chris Rebert's avatar
Set $progress-bg to color we are actually using    
Chris Rebert committed
584 
$progress-bg:                 #eee !default;
Chris Rebert's avatar
Set $progress-bar-color to color we are currently using    
Chris Rebert committed
585 
$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
586 
$progress-border-radius:      $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
587
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
588
589
590
591
592 
$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
593
594
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
595 
// List group
Mark Otto's avatar
convert to scss  
Mark Otto committed
596
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
597 
$list-group-bg:                 #fff !default;
Chris Rebert's avatar
$list-group-border => $list-group-border-color    
Chris Rebert committed
598 
$list-group-border-color:       #ddd !default;
Chris Rebert's avatar
Add $list-group-border-width; refs #18150    
Chris Rebert committed
599 
$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
600 
$list-group-border-radius:      $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
601
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
602
603
604
605
606 
$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
607
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
608
609
610 
$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
611
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
612
613
614 
$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
615
616
Mark Otto's avatar
clarify comment    
Mark Otto committed
617 
// Image thumbnails
Mark Otto's avatar
convert to scss  
Mark Otto committed
618
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
619
620 
$thumbnail-padding:           .25rem !default;
$thumbnail-bg:                $body-bg !default;
Chris Rebert's avatar
Add $thumbnail-border-width; refs #18150    
Chris Rebert committed
621 
$thumbnail-border-width:      $border-width !default;
Chris Rebert's avatar
$thumbnail-border => $thumbnail-border-color    
Chris Rebert committed
622 
$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
623 
$thumbnail-border-radius:     $border-radius !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
624
625
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
626 
// Breadcrumbs
Mark Otto's avatar
convert to scss  
Mark Otto committed
627
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
628
629 
$breadcrumb-padding-vertical:   .75rem !default;
$breadcrumb-padding-horizontal: 1rem !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 
$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
635
636
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
637 
// Carousel
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-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
640
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
641
642
643
644 
$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
645
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
646
647 
$carousel-indicator-active-bg:                #fff !default;
$carousel-indicator-border-color:             #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
648
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
649 
$carousel-caption-color:                      #fff !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
650
651
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
652 
// Close
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
656 
$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
657
658
Mark Otto's avatar
remove all customizer comments from variables file    
Mark Otto committed
659 
// Code
Mark Otto's avatar
convert to scss  
Mark Otto committed
660
Mark Otto's avatar
tweak code styles    
Mark Otto committed
661 
$code-color:                  #bd4147 !default;
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
662 
$code-bg:                     #f7f7f9 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
663
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
664
665 
$kbd-color:                   #fff !default;
$kbd-bg:                      #333 !default;
Mark Otto's avatar
convert to scss  
Mark Otto committed
666
Chris Rebert's avatar
Apply !default to SCSS variables    
Chris Rebert committed
667
668
669
670 
$pre-bg:                      #f7f7f9 !default;
$pre-color:                   $gray-dark !default;
$pre-border-color:            #ccc !default;
$pre-scrollable-max-height:   340px !default;