bootswatch 4.0.0.alpha6 → 4.0.0.beta2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/Rakefile +2 -3
  4. data/app/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +16 -10
  5. data/app/assets/stylesheets/bootswatch/cerulean/_variables.scss +41 -945
  6. data/app/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +2 -5
  7. data/app/assets/stylesheets/bootswatch/cosmo/_variables.scss +45 -940
  8. data/app/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +117 -12
  9. data/app/assets/stylesheets/bootswatch/cyborg/_variables.scss +91 -887
  10. data/app/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +88 -39
  11. data/app/assets/stylesheets/bootswatch/darkly/_variables.scss +87 -895
  12. data/app/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +106 -18
  13. data/app/assets/stylesheets/bootswatch/flatly/_variables.scss +70 -920
  14. data/app/assets/stylesheets/bootswatch/journal/_bootswatch.scss +15 -11
  15. data/app/assets/stylesheets/bootswatch/journal/_variables.scss +43 -944
  16. data/app/assets/stylesheets/bootswatch/litera/_bootswatch.scss +106 -14
  17. data/app/assets/stylesheets/bootswatch/litera/_variables.scss +49 -933
  18. data/app/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +148 -46
  19. data/app/assets/stylesheets/bootswatch/lumen/_variables.scss +49 -935
  20. data/app/assets/stylesheets/bootswatch/lux/_bootswatch.scss +8 -8
  21. data/app/assets/stylesheets/bootswatch/lux/_variables.scss +70 -921
  22. data/app/assets/stylesheets/bootswatch/materia/_bootswatch.scss +126 -58
  23. data/app/assets/stylesheets/bootswatch/materia/_variables.scss +58 -925
  24. data/app/assets/stylesheets/bootswatch/minty/_bootswatch.scss +160 -14
  25. data/app/assets/stylesheets/bootswatch/minty/_variables.scss +65 -931
  26. data/app/assets/stylesheets/bootswatch/pulse/_bootswatch.scss +50 -12
  27. data/app/assets/stylesheets/bootswatch/pulse/_variables.scss +63 -922
  28. data/app/assets/stylesheets/bootswatch/sandstone/_bootswatch.scss +66 -15
  29. data/app/assets/stylesheets/bootswatch/sandstone/_variables.scss +82 -904
  30. data/app/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +42 -11
  31. data/app/assets/stylesheets/bootswatch/simplex/_variables.scss +61 -912
  32. data/app/assets/stylesheets/bootswatch/sketchy/_bootswatch.scss +405 -0
  33. data/app/assets/stylesheets/bootswatch/sketchy/_variables.scss +163 -0
  34. data/app/assets/stylesheets/bootswatch/slate/_bootswatch.scss +191 -55
  35. data/app/assets/stylesheets/bootswatch/slate/_variables.scss +88 -893
  36. data/app/assets/stylesheets/bootswatch/solar/_bootswatch.scss +95 -11
  37. data/app/assets/stylesheets/bootswatch/solar/_variables.scss +99 -891
  38. data/app/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +59 -28
  39. data/app/assets/stylesheets/bootswatch/spacelab/_variables.scss +43 -943
  40. data/app/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +104 -13
  41. data/app/assets/stylesheets/bootswatch/superhero/_variables.scss +84 -907
  42. data/app/assets/stylesheets/bootswatch/united/_bootswatch.scss +11 -8
  43. data/app/assets/stylesheets/bootswatch/united/_variables.scss +38 -948
  44. data/app/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +161 -41
  45. data/app/assets/stylesheets/bootswatch/yeti/_variables.scss +64 -917
  46. data/lib/bootswatch/version.rb +1 -1
  47. metadata +5 -5
  48. data/app/assets/stylesheets/bootswatch/custom/_bootswatch.scss +0 -21
  49. data/app/assets/stylesheets/bootswatch/custom/_variables.scss +0 -961
@@ -2,6 +2,8 @@
2
2
  // Bootswatch
3
3
 
4
4
 
5
+ // Variables ===================================================================
6
+
5
7
  $web-font-path: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700" !default;
6
8
  @import url($web-font-path);
7
9
 
@@ -30,7 +32,6 @@ body {
30
32
  // Progress bars ===============================================================
31
33
 
32
34
  .progress {
33
- height: 8px;
34
35
  @include box-shadow(none);
35
36
  .progress-bar {
36
37
  font-size: 8px;
@@ -39,7 +40,3 @@ body {
39
40
  }
40
41
 
41
42
  // Containers ==================================================================
42
-
43
- .popover {
44
- color: $body-color;
45
- }
@@ -1,961 +1,66 @@
1
1
  // Cosmo 4.0.0
2
2
  // Bootswatch
3
3
 
4
-
5
-
6
-
7
- // Table of Contents
8
- //
9
- // Colors
10
- // Options
11
- // Spacing
12
- // Body
13
- // Links
14
- // Grid breakpoints
15
- // Grid containers
16
- // Grid columns
17
- // Fonts
18
- // Components
19
- // Tables
20
- // Buttons
21
- // Forms
22
- // Dropdowns
23
- // Z-index master list
24
- // Navbar
25
- // Navs
26
- // Pagination
27
- // Jumbotron
28
- // Form states and alerts
29
- // Cards
30
- // Tooltips
31
- // Popovers
32
- // Badges
33
- // Modals
34
- // Alerts
35
- // Progress bars
36
- // List group
37
- // Image thumbnails
38
- // Figures
39
- // Breadcrumbs
40
- // Carousel
41
- // Close
42
- // Code
43
-
44
- @mixin _assert-ascending($map, $map-name) {
45
- $prev-key: null;
46
- $prev-num: null;
47
- @each $key, $num in $map {
48
- @if $prev-num == null {
49
- // Do nothing
50
- } @else if not comparable($prev-num, $num) {
51
- @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
52
- } @else if $prev-num >= $num {
53
- @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
54
- }
55
- $prev-key: $key;
56
- $prev-num: $num;
57
- }
58
- }
59
-
60
- // Replace `$search` with `$replace` in `$string`
61
- // @author Hugo Giraudel
62
- // @param {String} $string - Initial string
63
- // @param {String} $search - Substring to replace
64
- // @param {String} $replace ('') - New value
65
- // @return {String} - Updated string
66
- @function str-replace($string, $search, $replace: "") {
67
- $index: str-index($string, $search);
68
-
69
- @if $index {
70
- @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
71
- }
72
-
73
- @return $string;
74
- }
75
-
76
- @mixin _assert-starts-at-zero($map) {
77
- $values: map-values($map);
78
- $first-value: nth($values, 1);
79
- @if $first-value != 0 {
80
- @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
81
- }
82
- }
83
-
84
-
85
- // General variable structure
86
4
  //
87
- // Variable format should follow the `$component-modifier-state-property` order.
88
-
89
-
90
- // Colors
91
- //
92
- // Grayscale and brand colors for use across Bootstrap.
93
-
94
- // Start with assigning color names to specific hex values.
95
- $white: #fff !default;
96
- $black: #000 !default;
97
- $red: #d9534f !default;
98
- $orange: #f0ad4e !default;
99
- $yellow: #ffd500 !default;
100
- $green: #5cb85c !default;
101
- $blue: #0275d8 !default;
102
- $teal: #5bc0de !default;
103
- $pink: #ff5b77 !default;
104
- $purple: #613d7c !default;
105
-
106
- // Create grayscale
107
- $gray-dark: #373a3c !default;
108
- $gray: #55595c !default;
109
- $gray-light: #818a91 !default;
110
- $gray-lighter: #eceeef !default;
111
- $gray-lightest: #f7f7f9 !default;
112
-
113
- // Reassign color vars to semantic color scheme
114
- $brand-primary: #2780E3;
115
- $brand-success: #3FB618;
116
- $brand-info: #9954BB;
117
- $brand-warning: #FF7518;
118
- $brand-danger: #FF0039;
119
- $brand-inverse: $gray-dark !default;
120
-
121
-
122
- // Options
123
- //
124
- // Quickly modify global styling by enabling or disabling optional features.
125
-
126
- $enable-rounded: true !default;
127
- $enable-shadows: false !default;
128
- $enable-gradients: false !default;
129
- $enable-transitions: true !default;
130
- $enable-hover-media-query: false !default;
131
- $enable-grid-classes: true !default;
132
- $enable-print-styles: true !default;
133
-
134
-
135
- // Spacing
136
- //
137
- // Control the default styling of most Bootstrap elements by modifying these
138
- // variables. Mostly focused on spacing.
139
- // You can add more entries to the $spacers map, should you need more variation.
140
-
141
- $spacer: 1rem !default;
142
- $spacer-x: $spacer !default;
143
- $spacer-y: $spacer !default;
144
- $spacers: (
145
- 0: (
146
- x: 0,
147
- y: 0
148
- ),
149
- 1: (
150
- x: ($spacer-x * .25),
151
- y: ($spacer-y * .25)
152
- ),
153
- 2: (
154
- x: ($spacer-x * .5),
155
- y: ($spacer-y * .5)
156
- ),
157
- 3: (
158
- x: $spacer-x,
159
- y: $spacer-y
160
- ),
161
- 4: (
162
- x: ($spacer-x * 1.5),
163
- y: ($spacer-y * 1.5)
164
- ),
165
- 5: (
166
- x: ($spacer-x * 3),
167
- y: ($spacer-y * 3)
168
- )
169
- ) !default;
170
- $border-width: 1px !default;
171
-
172
- // This variable affects the `.h-*` and `.w-*` classes.
173
- $sizes: (
174
- 25: 25%,
175
- 50: 50%,
176
- 75: 75%,
177
- 100: 100%
178
- ) !default;
5
+ // Color system
6
+ //
7
+
8
+ $white: #fff !default;
9
+ $gray-100: #f8f9fa !default;
10
+ $gray-200: #e9ecef !default;
11
+ $gray-300: #dee2e6 !default;
12
+ $gray-400: #ced4da !default;
13
+ $gray-500: #adb5bd !default;
14
+ $gray-600: #868e96 !default;
15
+ $gray-700: #495057 !default;
16
+ $gray-800: #373a3c !default;
17
+ $gray-900: #212529 !default;
18
+ $black: #000 !default;
19
+
20
+ $blue: #2780E3 !default;
21
+ $indigo: #6610f2 !default;
22
+ $purple: #613d7c !default;
23
+ $pink: #e83e8c !default;
24
+ $red: #FF0039 !default;
25
+ $orange: #f0ad4e !default;
26
+ $yellow: #FF7518 !default;
27
+ $green: #3FB618 !default;
28
+ $teal: #20c997 !default;
29
+ $cyan: #9954BB !default;
30
+
31
+ $primary: $blue !default;
32
+ $secondary: $gray-800 !default;
33
+ $success: $green !default;
34
+ $info: $cyan !default;
35
+ $warning: $yellow !default;
36
+ $danger: $red !default;
37
+ $light: $gray-100 !default;
38
+ $dark: $gray-800 !default;
179
39
 
180
40
  // Body
181
- //
182
- // Settings for the `<body>` element.
183
-
184
- $body-bg: #fff !default;
185
- $body-color: $gray-dark !default;
186
- $inverse-bg: $gray-dark !default;
187
- $inverse-color: $gray-lighter !default;
188
-
189
-
190
- // Links
191
- //
192
- // Style anchor elements.
193
-
194
- $link-color: $brand-primary !default;
195
- $link-decoration: none !default;
196
- $link-hover-color: darken($link-color, 15%) !default;
197
- $link-hover-decoration: underline !default;
198
-
199
-
200
- // Grid breakpoints
201
- //
202
- // Define the minimum dimensions at which your layout will change,
203
- // adapting to different screen sizes, for use in media queries.
204
-
205
- $grid-breakpoints: (
206
- xs: 0,
207
- sm: 576px,
208
- md: 768px,
209
- lg: 992px,
210
- xl: 1200px
211
- ) !default;
212
- @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
213
- @include _assert-starts-at-zero($grid-breakpoints);
214
-
215
-
216
- // Grid containers
217
- //
218
- // Define the maximum width of `.container` for different screen sizes.
219
-
220
- $container-max-widths: (
221
- sm: 540px,
222
- md: 720px,
223
- lg: 960px,
224
- xl: 1140px
225
- ) !default;
226
- @include _assert-ascending($container-max-widths, "$container-max-widths");
227
-
228
-
229
- // Grid columns
230
- //
231
- // Set the number of columns and specify the width of the gutters.
232
-
233
- $grid-columns: 12 !default;
234
- $grid-gutter-width-base: 30px !default;
235
- $grid-gutter-widths: (
236
- xs: $grid-gutter-width-base,
237
- sm: $grid-gutter-width-base,
238
- md: $grid-gutter-width-base,
239
- lg: $grid-gutter-width-base,
240
- xl: $grid-gutter-width-base
241
- ) !default;
242
-
243
- // Fonts
244
- //
245
- // Font, line-height, and color for body text, headings, and more.
246
-
247
- $font-family-sans-serif: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
248
- $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
249
- $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
250
- $font-family-base: $font-family-sans-serif !default;
251
-
252
- $font-size-base: 0.9375rem;
253
- $font-size-lg: 1.25rem !default;
254
- $font-size-sm: .875rem !default;
255
- $font-size-xs: .75rem !default;
256
-
257
- $font-weight-normal: normal !default;
258
- $font-weight-bold: bold !default;
259
-
260
- $font-weight-base: $font-weight-normal !default;
261
- $line-height-base: 1.5 !default;
262
-
263
- $font-size-h1: 2.5rem !default;
264
- $font-size-h2: 2rem !default;
265
- $font-size-h3: 1.75rem !default;
266
- $font-size-h4: 1.5rem !default;
267
- $font-size-h5: 1.25rem !default;
268
- $font-size-h6: 1rem !default;
269
-
270
- $headings-margin-bottom: ($spacer / 2) !default;
271
- $headings-font-family: inherit !default;
272
- $headings-font-weight: 300;
273
- $headings-line-height: 1.1 !default;
274
- $headings-color: inherit !default;
275
-
276
- $display1-size: 6rem !default;
277
- $display2-size: 5.5rem !default;
278
- $display3-size: 4.5rem !default;
279
- $display4-size: 3.5rem !default;
280
-
281
- $display1-weight: 300 !default;
282
- $display2-weight: 300 !default;
283
- $display3-weight: 300 !default;
284
- $display4-weight: 300 !default;
285
- $display-line-height: $headings-line-height !default;
286
-
287
- $lead-font-size: 1.25rem !default;
288
- $lead-font-weight: 300 !default;
289
-
290
- $small-font-size: 80% !default;
291
-
292
- $text-muted: $gray-light !default;
293
-
294
- $abbr-border-color: $gray-light !default;
295
-
296
- $blockquote-small-color: $gray-light !default;
297
- $blockquote-font-size: ($font-size-base * 1.25) !default;
298
- $blockquote-border-color: $gray-lighter !default;
299
- $blockquote-border-width: .25rem !default;
300
-
301
- $hr-border-color: rgba($black,.1) !default;
302
- $hr-border-width: $border-width !default;
303
-
304
- $mark-padding: .2em !default;
305
-
306
- $dt-font-weight: $font-weight-bold !default;
307
-
308
- $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25) !default;
309
- $nested-kbd-font-weight: $font-weight-bold !default;
310
-
311
- $list-inline-padding: 5px !default;
312
41
 
42
+ $body-color: $gray-800 !default;
313
43
 
314
44
  // Components
315
- //
316
- // Define common padding and border radius sizes and more.
317
-
318
- $line-height-lg: (4 / 3) !default;
319
- $line-height-sm: 1.5 !default;
320
-
321
- $border-radius: 0;
322
- $border-radius-lg: 0;
323
- $border-radius-sm: 0;
324
-
325
- $component-active-color: $white !default;
326
- $component-active-bg: $brand-primary !default;
327
-
328
- $caret-width: .3em !default;
329
-
330
- $transition-base: all .2s ease-in-out !default;
331
- $transition-fade: opacity .15s linear !default;
332
- $transition-collapse: height .35s ease !default;
333
-
334
-
335
- // Tables
336
- //
337
- // Customizes the `.table` component with basic values, each used across all table variations.
338
-
339
- $table-cell-padding: .75rem !default;
340
- $table-sm-cell-padding: .3rem !default;
341
-
342
- $table-bg: transparent !default;
343
-
344
- $table-inverse-bg: $gray-dark !default;
345
- $table-inverse-color: $body-bg !default;
346
-
347
- $table-bg-accent: rgba($black,.05) !default;
348
- $table-bg-hover: rgba($black,.075) !default;
349
- $table-bg-active: $table-bg-hover !default;
350
-
351
- $table-head-bg: $gray-lighter !default;
352
- $table-head-color: $gray !default;
353
-
354
- $table-border-width: $border-width !default;
355
- $table-border-color: $gray-lighter !default;
356
-
357
-
358
- // Buttons
359
- //
360
- // For each of Bootstrap's buttons, define text, background and border color.
361
-
362
- $btn-padding-x: 1rem !default;
363
- $btn-padding-y: .5rem !default;
364
- $btn-line-height: 1.25 !default;
365
- $btn-font-weight: $font-weight-normal !default;
366
- $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075) !default;
367
- $btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default;
368
- $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125) !default;
369
-
370
- $btn-primary-color: $white !default;
371
- $btn-primary-bg: $brand-primary !default;
372
- $btn-primary-border: $btn-primary-bg !default;
373
-
374
- $btn-secondary-color: #fff;
375
- $btn-secondary-bg: $gray-dark;
376
- $btn-secondary-border: $btn-secondary-bg;
377
-
378
- $btn-info-color: $white !default;
379
- $btn-info-bg: $brand-info !default;
380
- $btn-info-border: $btn-info-bg !default;
381
-
382
- $btn-success-color: $white !default;
383
- $btn-success-bg: $brand-success !default;
384
- $btn-success-border: $btn-success-bg !default;
385
-
386
- $btn-warning-color: $white !default;
387
- $btn-warning-bg: $brand-warning !default;
388
- $btn-warning-border: $btn-warning-bg !default;
389
-
390
- $btn-danger-color: $white !default;
391
- $btn-danger-bg: $brand-danger !default;
392
- $btn-danger-border: $btn-danger-bg !default;
393
-
394
- $btn-link-disabled-color: $gray-light !default;
395
-
396
- $btn-padding-x-sm: .5rem !default;
397
- $btn-padding-y-sm: .25rem !default;
398
-
399
- $btn-padding-x-lg: 1.5rem !default;
400
- $btn-padding-y-lg: .75rem !default;
401
-
402
- $btn-block-spacing-y: .5rem !default;
403
- $btn-toolbar-margin: .5rem !default;
404
-
405
- // Allows for customizing button radius independently from global border radius
406
- $btn-border-radius: $border-radius !default;
407
- $btn-border-radius-lg: $border-radius-lg !default;
408
- $btn-border-radius-sm: $border-radius-sm !default;
409
-
410
- $btn-transition: all .2s ease-in-out !default;
411
-
412
-
413
- // Forms
414
-
415
- $input-padding-x: .75rem !default;
416
- $input-padding-y: .5rem !default;
417
- $input-line-height: 1.25 !default;
418
-
419
- $input-bg: $white !default;
420
- $input-bg-disabled: $gray-lighter !default;
421
-
422
- $input-color: $gray !default;
423
- $input-border-color: rgba($black,.15) !default;
424
- $input-btn-border-width: $border-width !default; // For form controls and buttons
425
- $input-box-shadow: inset 0 1px 1px rgba($black,.075) !default;
426
-
427
- $input-border-radius: $border-radius !default;
428
- $input-border-radius-lg: $border-radius-lg !default;
429
- $input-border-radius-sm: $border-radius-sm !default;
430
-
431
- $input-bg-focus: $input-bg !default;
432
- $input-border-focus: lighten($brand-primary, 25%) !default;
433
- $input-box-shadow-focus: $input-box-shadow, rgba($input-border-focus, .6) !default;
434
- $input-color-focus: $input-color !default;
435
-
436
- $input-color-placeholder: $gray-light !default;
437
-
438
- $input-padding-x-sm: .5rem !default;
439
- $input-padding-y-sm: .25rem !default;
440
-
441
- $input-padding-x-lg: 1.5rem !default;
442
- $input-padding-y-lg: .75rem !default;
443
-
444
- $input-height: (($font-size-base * $input-line-height) + ($input-padding-y * 2)) !default;
445
- $input-height-lg: (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
446
- $input-height-sm: (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
447
-
448
- $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !default;
449
-
450
- $form-text-margin-top: .25rem !default;
451
- $form-feedback-margin-top: $form-text-margin-top !default;
452
-
453
- $form-check-margin-bottom: .5rem !default;
454
- $form-check-input-gutter: 1.25rem !default;
455
- $form-check-input-margin-y: .25rem !default;
456
- $form-check-input-margin-x: .25rem !default;
457
-
458
- $form-check-inline-margin-x: .75rem !default;
459
-
460
- $form-group-margin-bottom: $spacer-y !default;
461
-
462
- $input-group-addon-bg: $gray-lighter !default;
463
- $input-group-addon-border-color: $input-border-color !default;
464
-
465
- $cursor-disabled: not-allowed !default;
466
-
467
- $custom-control-gutter: 1.5rem !default;
468
- $custom-control-spacer-x: 1rem !default;
469
- $custom-control-spacer-y: .25rem !default;
470
-
471
- $custom-control-indicator-size: 1rem !default;
472
- $custom-control-indicator-margin-y: (($line-height-base * 1rem) - $custom-control-indicator-size) / -2 !default;
473
- $custom-control-indicator-bg: #ddd !default;
474
- $custom-control-indicator-bg-size: 50% 50% !default;
475
- $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1) !default;
476
-
477
- $custom-control-disabled-cursor: $cursor-disabled !default;
478
- $custom-control-disabled-indicator-bg: $gray-lighter !default;
479
- $custom-control-disabled-description-color: $gray-light !default;
480
-
481
- $custom-control-checked-indicator-color: $white !default;
482
- $custom-control-checked-indicator-bg: $brand-primary !default;
483
- $custom-control-checked-indicator-box-shadow: none !default;
484
45
 
485
- $custom-control-focus-indicator-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px $brand-primary !default;
486
-
487
- $custom-control-active-indicator-color: $white !default;
488
- $custom-control-active-indicator-bg: lighten($brand-primary, 35%) !default;
489
- $custom-control-active-indicator-box-shadow: none !default;
490
-
491
- $custom-checkbox-radius: $border-radius !default;
492
- $custom-checkbox-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-checked-indicator-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
493
-
494
- $custom-checkbox-indeterminate-bg: $brand-primary !default;
495
- $custom-checkbox-indeterminate-indicator-color: $custom-control-checked-indicator-color !default;
496
- $custom-checkbox-indeterminate-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indeterminate-indicator-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
497
- $custom-checkbox-indeterminate-box-shadow: none !default;
498
-
499
- $custom-radio-radius: 50% !default;
500
- $custom-radio-checked-icon: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-checked-indicator-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
501
-
502
- $custom-select-padding-x: .75rem !default;
503
- $custom-select-padding-y: .375rem !default;
504
- $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
505
- $custom-select-line-height: $input-line-height !default;
506
- $custom-select-color: $input-color !default;
507
- $custom-select-disabled-color: $gray-light !default;
508
- $custom-select-bg: $white !default;
509
- $custom-select-disabled-bg: $gray-lighter !default;
510
- $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
511
- $custom-select-indicator-color: #333 !default;
512
- $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
513
- $custom-select-border-width: $input-btn-border-width !default;
514
- $custom-select-border-color: $input-border-color !default;
515
- $custom-select-border-radius: $border-radius !default;
516
-
517
- $custom-select-focus-border-color: lighten($brand-primary, 25%) !default;
518
- $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
519
-
520
- $custom-select-sm-padding-y: .2rem !default;
521
- $custom-select-sm-font-size: 75% !default;
522
-
523
- $custom-file-height: 2.5rem !default;
524
- $custom-file-width: 14rem !default;
525
- $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem $brand-primary !default;
526
-
527
- $custom-file-padding-x: .5rem !default;
528
- $custom-file-padding-y: 1rem !default;
529
- $custom-file-line-height: 1.5 !default;
530
- $custom-file-color: $gray !default;
531
- $custom-file-bg: $white !default;
532
- $custom-file-border-width: $border-width !default;
533
- $custom-file-border-color: $input-border-color !default;
534
- $custom-file-border-radius: $border-radius !default;
535
- $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05) !default;
536
- $custom-file-button-color: $custom-file-color !default;
537
- $custom-file-button-bg: $gray-lighter !default;
538
- $custom-file-text: (
539
- placeholder: (
540
- en: "Choose file..."
541
- ),
542
- button-label: (
543
- en: "Browse"
544
- )
545
- ) !default;
546
-
547
-
548
- // Form validation icons
549
- $form-icon-success-color: $brand-success !default;
550
- $form-icon-success: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-success-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"), "#", "%23") !default;
551
-
552
- $form-icon-warning-color: $brand-warning !default;
553
- $form-icon-warning: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$form-icon-warning-color}' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"), "#", "%23") !default;
554
-
555
- $form-icon-danger-color: $brand-danger !default;
556
- $form-icon-danger: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-icon-danger-color}' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"), "#", "%23") !default;
557
-
558
-
559
- // Dropdowns
560
- //
561
- // Dropdown menu container and contents.
562
-
563
- $dropdown-min-width: 10rem !default;
564
- $dropdown-padding-y: .5rem !default;
565
- $dropdown-margin-top: .125rem !default;
566
- $dropdown-bg: $white !default;
567
- $dropdown-border-color: rgba($black,.15) !default;
568
- $dropdown-border-width: $border-width !default;
569
- $dropdown-divider-bg: $gray-lighter !default;
570
- $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175) !default;
571
-
572
- $dropdown-link-color: $gray-dark !default;
573
- $dropdown-link-hover-color: darken($gray-dark, 5%) !default;
574
- $dropdown-link-hover-bg: $gray-lightest !default;
575
-
576
- $dropdown-link-active-color: $component-active-color !default;
577
- $dropdown-link-active-bg: $component-active-bg !default;
578
-
579
- $dropdown-link-disabled-color: $gray-light !default;
580
-
581
- $dropdown-item-padding-x: 1.5rem !default;
582
-
583
- $dropdown-header-color: $gray-light !default;
46
+ $border-radius: 0 !default;
47
+ $border-radius-lg: 0 !default;
48
+ $border-radius-sm: 0 !default;
584
49
 
50
+ // Fonts
585
51
 
586
- // Z-index master list
587
- //
588
- // Warning: Avoid customizing these values. They're used for a bird's eye view
589
- // of components dependent on the z-axis and are designed to all work together.
52
+ $font-family-sans-serif: "Segoe UI", "Source Sans Pro", Calibri, Candara, Arial, sans-serif !default;
590
53
 
591
- $zindex-dropdown-backdrop: 990 !default;
592
- $zindex-navbar: 1000 !default;
593
- $zindex-dropdown: 1000 !default;
594
- $zindex-fixed: 1030 !default;
595
- $zindex-sticky: 1030 !default;
596
- $zindex-modal-backdrop: 1040 !default;
597
- $zindex-modal: 1050 !default;
598
- $zindex-popover: 1060 !default;
599
- $zindex-tooltip: 1070 !default;
54
+ $font-size-base: 0.9375rem !default;
600
55
 
56
+ $headings-font-weight: 300 !default;
601
57
 
602
58
  // Navbar
603
59
 
604
- $navbar-border-radius: $border-radius !default;
605
- $navbar-padding-x: $spacer !default;
606
- $navbar-padding-y: ($spacer / 2) !default;
607
-
608
- $navbar-brand-padding-y: .25rem !default;
609
-
610
- $navbar-toggler-padding-x: .75rem !default;
611
- $navbar-toggler-padding-y: .25rem !default;
612
- $navbar-toggler-font-size: $font-size-lg !default;
613
- $navbar-toggler-border-radius: $btn-border-radius !default;
614
-
615
- $navbar-inverse-color: rgba(255,255,255,.75);
616
- $navbar-inverse-hover-color: rgba(255,255,255,1);
617
- $navbar-inverse-active-color: rgba(255,255,255,1) !default;
618
- $navbar-inverse-disabled-color: rgba(255,255,255,.25) !default;
619
- $navbar-inverse-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-inverse-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
620
- $navbar-inverse-toggler-border: rgba($white,.1) !default;
621
-
622
- $navbar-light-color: rgba($black,.5) !default;
623
- $navbar-light-hover-color: rgba($black,.7) !default;
624
- $navbar-light-active-color: rgba($black,.9) !default;
625
- $navbar-light-disabled-color: rgba($black,.3) !default;
626
- $navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;
627
- $navbar-light-toggler-border: rgba($black,.1) !default;
628
-
629
- // Navs
630
-
631
- $nav-item-margin: .2rem !default;
632
- $nav-item-inline-spacer: 1rem !default;
633
- $nav-link-padding: .5em 1em !default;
634
- $nav-link-hover-bg: $gray-lighter !default;
635
- $nav-disabled-link-color: $gray-light !default;
636
-
637
- $nav-tabs-border-color: #ddd !default;
638
- $nav-tabs-border-width: $border-width !default;
639
- $nav-tabs-border-radius: $border-radius !default;
640
- $nav-tabs-link-hover-border-color: $gray-lighter !default;
641
- $nav-tabs-active-link-hover-color: $gray !default;
642
- $nav-tabs-active-link-hover-bg: $body-bg !default;
643
- $nav-tabs-active-link-hover-border-color: #ddd !default;
644
- $nav-tabs-justified-link-border-color: #ddd !default;
645
- $nav-tabs-justified-active-link-border-color: $body-bg !default;
646
-
647
- $nav-pills-border-radius: $border-radius !default;
648
- $nav-pills-active-link-color: $component-active-color !default;
649
- $nav-pills-active-link-bg: $component-active-bg !default;
650
-
651
-
652
- // Pagination
653
-
654
- $pagination-padding-x: .75rem !default;
655
- $pagination-padding-y: .5rem !default;
656
- $pagination-padding-x-sm: .5rem !default;
657
- $pagination-padding-y-sm: .25rem !default;
658
- $pagination-padding-x-lg: 1.5rem !default;
659
- $pagination-padding-y-lg: .75rem !default;
660
- $pagination-line-height: 1.25 !default;
661
-
662
- $pagination-color: $link-color !default;
663
- $pagination-bg: $white !default;
664
- $pagination-border-width: $border-width !default;
665
- $pagination-border-color: #ddd !default;
666
-
667
- $pagination-hover-color: $link-hover-color !default;
668
- $pagination-hover-bg: $gray-lighter !default;
669
- $pagination-hover-border: #ddd !default;
670
-
671
- $pagination-active-color: $white !default;
672
- $pagination-active-bg: $brand-primary !default;
673
- $pagination-active-border: $brand-primary !default;
674
-
675
- $pagination-disabled-color: $gray-light !default;
676
- $pagination-disabled-bg: $white !default;
677
- $pagination-disabled-border: #ddd !default;
678
-
679
-
680
- // Jumbotron
681
-
682
- $jumbotron-padding: 2rem !default;
683
- $jumbotron-bg: $gray-lighter !default;
684
-
685
-
686
- // Form states and alerts
687
- //
688
- // Define colors for form feedback states and, by default, alerts.
689
-
690
- $state-success-text: #3c763d !default;
691
- $state-success-bg: #dff0d8 !default;
692
- $state-success-border: darken($state-success-bg, 5%) !default;
693
-
694
- $state-info-text: #31708f !default;
695
- $state-info-bg: #d9edf7 !default;
696
- $state-info-border: darken($state-info-bg, 7%) !default;
697
-
698
- $state-warning-text: #8a6d3b !default;
699
- $state-warning-bg: #fcf8e3 !default;
700
- $mark-bg: $state-warning-bg !default;
701
- $state-warning-border: darken($state-warning-bg, 5%) !default;
702
-
703
- $state-danger-text: #a94442 !default;
704
- $state-danger-bg: #f2dede !default;
705
- $state-danger-border: darken($state-danger-bg, 5%) !default;
706
-
707
-
708
- // Cards
709
-
710
- $card-spacer-x: 1.25rem !default;
711
- $card-spacer-y: .75rem !default;
712
- $card-border-width: 1px !default;
713
- $card-border-radius: $border-radius !default;
714
- $card-border-color: rgba($black,.125) !default;
715
- $card-border-radius-inner: calc(#{$card-border-radius} - #{$card-border-width}) !default;
716
- $card-cap-bg: $gray-lightest !default;
717
- $card-bg: $white !default;
718
-
719
- $card-link-hover-color: $white !default;
720
-
721
- $card-img-overlay-padding: 1.25rem !default;
722
-
723
- $card-deck-margin: ($grid-gutter-width-base / 2) !default;
724
-
725
- $card-columns-count: 3 !default;
726
- $card-columns-gap: 1.25rem !default;
727
- $card-columns-margin: $card-spacer-y !default;
728
-
729
-
730
- // Tooltips
731
-
732
- $tooltip-max-width: 200px !default;
733
- $tooltip-color: $white !default;
734
- $tooltip-bg: $black !default;
735
- $tooltip-opacity: .9 !default;
736
- $tooltip-padding-y: 3px !default;
737
- $tooltip-padding-x: 8px !default;
738
- $tooltip-margin: 3px !default;
739
-
740
- $tooltip-arrow-width: 5px !default;
741
- $tooltip-arrow-color: $tooltip-bg !default;
742
-
743
-
744
- // Popovers
745
-
746
- $popover-inner-padding: 1px !default;
747
- $popover-bg: $white !default;
748
- $popover-max-width: 276px !default;
749
- $popover-border-width: $border-width !default;
750
- $popover-border-color: rgba($black,.2) !default;
751
- $popover-box-shadow: 0 5px 10px rgba($black,.2) !default;
752
-
753
- $popover-title-bg: darken($popover-bg, 3%) !default;
754
- $popover-title-padding-x: 14px !default;
755
- $popover-title-padding-y: 8px !default;
756
-
757
- $popover-content-padding-x: 14px !default;
758
- $popover-content-padding-y: 9px !default;
759
-
760
- $popover-arrow-width: 10px !default;
761
- $popover-arrow-color: $popover-bg !default;
762
-
763
- $popover-arrow-outer-width: ($popover-arrow-width + 1px) !default;
764
- $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
765
-
766
-
767
- // Badges
768
-
769
- $badge-default-bg: $gray-light !default;
770
- $badge-primary-bg: $brand-primary !default;
771
- $badge-success-bg: $brand-success !default;
772
- $badge-info-bg: $brand-info !default;
773
- $badge-warning-bg: $brand-warning !default;
774
- $badge-danger-bg: $brand-danger !default;
775
-
776
- $badge-color: $white !default;
777
- $badge-link-hover-color: $white !default;
778
- $badge-font-size: 75% !default;
779
- $badge-font-weight: $font-weight-bold !default;
780
- $badge-padding-x: .4em !default;
781
- $badge-padding-y: .25em !default;
782
-
783
- $badge-pill-padding-x: .6em !default;
784
- // Use a higher than normal value to ensure completely rounded edges when
785
- // customizing padding or font-size on labels.
786
- $badge-pill-border-radius: 10rem !default;
787
-
788
-
789
- // Modals
790
-
791
- // Padding applied to the modal body
792
- $modal-inner-padding: 15px !default;
793
-
794
- $modal-dialog-margin: 10px !default;
795
- $modal-dialog-sm-up-margin-y: 30px !default;
796
-
797
- $modal-title-line-height: $line-height-base !default;
798
-
799
- $modal-content-bg: $white !default;
800
- $modal-content-border-color: rgba($black,.2) !default;
801
- $modal-content-border-width: $border-width !default;
802
- $modal-content-xs-box-shadow: 0 3px 9px rgba($black,.5) !default;
803
- $modal-content-sm-up-box-shadow: 0 5px 15px rgba($black,.5) !default;
804
-
805
- $modal-backdrop-bg: $black !default;
806
- $modal-backdrop-opacity: .5 !default;
807
- $modal-header-border-color: $gray-lighter !default;
808
- $modal-footer-border-color: $modal-header-border-color !default;
809
- $modal-header-border-width: $modal-content-border-width !default;
810
- $modal-footer-border-width: $modal-header-border-width !default;
811
- $modal-header-padding: 15px !default;
812
-
813
- $modal-lg: 800px !default;
814
- $modal-md: 500px !default;
815
- $modal-sm: 300px !default;
816
-
817
- $modal-transition: transform .3s ease-out !default;
818
-
819
-
820
- // Alerts
821
- //
822
- // Define alert colors, border radius, and padding.
823
-
824
- $alert-padding-x: 1.25rem !default;
825
- $alert-padding-y: .75rem !default;
826
- $alert-margin-bottom: $spacer-y !default;
827
- $alert-border-radius: $border-radius !default;
828
- $alert-link-font-weight: $font-weight-bold !default;
829
- $alert-border-width: $border-width !default;
830
-
831
- $alert-success-bg: $state-success-bg !default;
832
- $alert-success-text: $state-success-text !default;
833
- $alert-success-border: $state-success-border !default;
834
-
835
- $alert-info-bg: $state-info-bg !default;
836
- $alert-info-text: $state-info-text !default;
837
- $alert-info-border: $state-info-border !default;
838
-
839
- $alert-warning-bg: $state-warning-bg !default;
840
- $alert-warning-text: $state-warning-text !default;
841
- $alert-warning-border: $state-warning-border !default;
842
-
843
- $alert-danger-bg: $state-danger-bg !default;
844
- $alert-danger-text: $state-danger-text !default;
845
- $alert-danger-border: $state-danger-border !default;
60
+ $navbar-dark-hover-color: rgba($white,1) !default;
846
61
 
62
+ $navbar-light-hover-color: rgba($black,.9) !default;
847
63
 
848
64
  // Progress bars
849
65
 
850
- $progress-height: 1rem !default;
851
- $progress-font-size: .75rem !default;
852
- $progress-bg: $gray-lighter !default;
853
- $progress-border-radius: $border-radius !default;
854
- $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1) !default;
855
- $progress-bar-color: $white !default;
856
- $progress-bar-bg: $brand-primary !default;
857
- $progress-bar-animation-timing: 1s linear infinite !default;
858
-
859
- // List group
860
-
861
- $list-group-color: $body-color !default;
862
- $list-group-bg: $white !default;
863
- $list-group-border-color: rgba($black,.125) !default;
864
- $list-group-border-width: $border-width !default;
865
- $list-group-border-radius: $border-radius !default;
866
-
867
- $list-group-item-padding-x: 1.25rem !default;
868
- $list-group-item-padding-y: .75rem !default;
869
-
870
- $list-group-hover-bg: $gray-lightest !default;
871
- $list-group-active-color: $component-active-color !default;
872
- $list-group-active-bg: $component-active-bg !default;
873
- $list-group-active-border: $list-group-active-bg !default;
874
- $list-group-active-text-color: lighten($list-group-active-bg, 50%) !default;
875
-
876
- $list-group-disabled-color: $gray-light !default;
877
- $list-group-disabled-bg: $list-group-bg !default;
878
- $list-group-disabled-text-color: $list-group-disabled-color !default;
879
-
880
- $list-group-link-color: $gray !default;
881
- $list-group-link-heading-color: #333 !default;
882
- $list-group-link-hover-color: $list-group-link-color !default;
883
-
884
- $list-group-link-active-color: $list-group-color !default;
885
- $list-group-link-active-bg: $gray-lighter !default;
886
-
887
-
888
- // Image thumbnails
889
-
890
- $thumbnail-padding: .25rem !default;
891
- $thumbnail-bg: $body-bg !default;
892
- $thumbnail-border-width: $border-width !default;
893
- $thumbnail-border-color: #ddd !default;
894
- $thumbnail-border-radius: $border-radius !default;
895
- $thumbnail-box-shadow: 0 1px 2px rgba($black,.075) !default;
896
- $thumbnail-transition: all .2s ease-in-out !default;
897
-
898
-
899
- // Figures
900
-
901
- $figure-caption-font-size: 90% !default;
902
- $figure-caption-color: $gray-light !default;
903
-
904
-
905
- // Breadcrumbs
906
-
907
- $breadcrumb-padding-y: .75rem !default;
908
- $breadcrumb-padding-x: 1rem !default;
909
- $breadcrumb-item-padding: .5rem !default;
910
-
911
- $breadcrumb-bg: $gray-lighter !default;
912
- $breadcrumb-divider-color: $gray-light !default;
913
- $breadcrumb-active-color: $gray-light !default;
914
- $breadcrumb-divider: "/" !default;
915
-
916
-
917
- // Carousel
918
-
919
- $carousel-control-color: $white !default;
920
- $carousel-control-width: 15% !default;
921
- $carousel-control-opacity: .5 !default;
922
-
923
- $carousel-indicator-width: 30px !default;
924
- $carousel-indicator-height: 3px !default;
925
- $carousel-indicator-spacer: 3px !default;
926
- $carousel-indicator-active-bg: $white !default;
927
-
928
- $carousel-caption-width: 70% !default;
929
- $carousel-caption-color: $white !default;
930
-
931
- $carousel-control-icon-width: 20px !default;
932
-
933
- $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
934
- $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
935
-
936
- $carousel-transition: transform .6s ease-in-out !default;
937
-
938
-
939
- // Close
940
-
941
- $close-font-size: $font-size-base * 1.5 !default;
942
- $close-font-weight: $font-weight-bold !default;
943
- $close-color: $black !default;
944
- $close-text-shadow: 0 1px 0 $white !default;
945
-
946
-
947
- // Code
948
-
949
- $code-font-size: 90% !default;
950
- $code-padding-x: .4rem !default;
951
- $code-padding-y: .2rem !default;
952
- $code-color: #bd4147 !default;
953
- $code-bg: $gray-lightest !default;
954
-
955
- $kbd-color: $white !default;
956
- $kbd-bg: $gray-dark !default;
957
-
958
- $pre-bg: $gray-lightest !default;
959
- $pre-color: $gray-dark !default;
960
- $pre-border-color: #ccc !default;
961
- $pre-scrollable-max-height: 340px !default;
66
+ $progress-height: 8px !default;