source: spip-zone/_themes_/spipr/v2/patisson/css/_variables.scss @ 119799

Last change on this file since 119799 was 119799, checked in by marcimat@…, 6 months ago

Le footer mieux écrit et plus responsive.

  • Property svn:executable set to *
File size: 46.8 KB
Line 
1// Variables
2//
3// Variables should follow the `$component-state-property-size` formula for
4// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
5
6// Color system
7
8$white:    #fff !default;
9$gray-100: #f3f3f3 !default;
10$gray-200: #e9e9e9 !default;
11$gray-300: #e2e2e2 !default;
12$gray-450: #dddddd !default;
13$gray-400: #cccccc !default;
14$gray-500: #999999 !default;
15$gray-600: #838383 !default;
16$gray-700: #666666 !default;
17$gray-800: #444444 !default;
18$gray-850: #333333 !default;
19$gray-900: #232323 !default;
20$black:    #111 !default;
21
22$grays: () !default;
23// stylelint-disable-next-line scss/dollar-variable-default
24$grays: map-merge(
25  (
26    "100": $gray-100,
27    "200": $gray-200,
28    "300": $gray-300,
29    "400": $gray-400,
30    "500": $gray-500,
31    "600": $gray-600,
32    "700": $gray-700,
33    "800": $gray-800,
34    "900": $gray-900
35  ),
36  $grays
37);
38
39$blue:    #007bff !default;
40$indigo:  #6610f2 !default;
41$purple:  #9f4cc1 !default;
42$pink:    #d9398e !default;
43$red:     #900 !default;
44$orange:  #e7503e !default;
45$yellow:  #ffc107 !default;
46$green:   #28a745 !default;
47$teal:    #20c997 !default;
48$cyan:    #17a2b8 !default;
49
50$colors: () !default;
51// stylelint-disable-next-line scss/dollar-variable-default
52$colors: map-merge(
53  (
54    "blue":       $blue,
55    "indigo":     $indigo,
56    "purple":     $purple,
57    "pink":       $pink,
58    "red":        $red,
59    "orange":     $orange,
60    "yellow":     $yellow,
61    "green":      $green,
62    "teal":       $teal,
63    "cyan":       $cyan,
64    "white":      $white,
65    "gray":       $gray-600,
66    "gray-dark":  $gray-800
67  ),
68  $colors
69);
70
71$primary:       $orange !default;
72$secondary:     $gray-600 !default;
73$success:       #5cb85c !default;
74$info:          #5bc0de !default;
75$warning:       #f0e144 !default;
76$danger:        #d9534f !default;
77$light:         $gray-100 !default;
78$dark:          $gray-800 !default;
79
80$theme-colors: () !default;
81// stylelint-disable-next-line scss/dollar-variable-default
82$theme-colors: map-merge(
83  (
84    "primary":    $primary,
85    "secondary":  $secondary,
86    "success":    $success,
87    "info":       $info,
88    "warning":    $warning,
89    "danger":     $danger,
90    "light":      $light,
91    "dark":       $dark
92  ),
93  $theme-colors
94);
95
96// Set a specific jump point for requesting color jumps
97$theme-color-interval:      8% !default;
98
99// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
100$yiq-contrasted-threshold:  150 !default;
101
102// Customize the light and dark text colors for use in our YIQ color contrast function.
103$yiq-text-dark:             $gray-900 !default;
104$yiq-text-light:            $white !default;
105
106
107// Options
108//
109// Quickly modify global styling by enabling or disabling optional features.
110
111$enable-caret:                                true !default;
112$enable-rounded:                              false !default;
113$enable-shadows:                              false !default;
114$enable-gradients:                            false !default;
115$enable-transitions:                          true !default;
116$enable-prefers-reduced-motion-media-query:   true !default;
117$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS
118$enable-grid-classes:                         true !default;
119$enable-pointer-cursor-for-buttons:           true !default;
120$enable-print-styles:                         true !default;
121$enable-responsive-font-sizes:                false !default;
122$enable-validation-icons:                     true !default;
123$enable-deprecation-messages:                 true !default;
124
125
126// Spacing
127//
128// Control the default styling of most Bootstrap elements by modifying these
129// variables. Mostly focused on spacing.
130// You can add more entries to the $spacers map, should you need more variation.
131
132$spacer: 1.65rem !default;
133$spacers: () !default;
134// stylelint-disable-next-line scss/dollar-variable-default
135$spacers: map-merge(
136  (
137    0: 0,
138    1: ($spacer * .25),
139    2: ($spacer * .5),
140    3: $spacer,
141    4: ($spacer * 1.5),
142    5: ($spacer * 3)
143  ),
144  $spacers
145);
146
147// This variable affects the `.h-*` and `.w-*` classes.
148$sizes: () !default;
149// stylelint-disable-next-line scss/dollar-variable-default
150$sizes: map-merge(
151  (
152    25: 25%,
153    50: 50%,
154    75: 75%,
155    100: 100%,
156    auto: auto
157  ),
158  $sizes
159);
160
161
162// Body
163//
164// Settings for the `<body>` element.
165
166$body-bg:                   $white !default;
167$body-color:                $gray-800 !default;
168
169
170// Links
171//
172// Style anchor elements.
173
174$link-color:                              $black !default;
175$link-decoration:                         none !default;
176$link-hover-color:                        theme-color("primary") !default;
177$link-hover-decoration:                   none !default;
178// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
179$emphasized-link-hover-darken-percentage: 15% !default;
180
181// Paragraphs
182//
183// Style p element.
184
185$paragraph-margin-bottom:   $spacer !default;
186
187
188// Grid breakpoints
189//
190// Define the minimum dimensions at which your layout will change,
191// adapting to different screen sizes, for use in media queries.
192
193$grid-breakpoints: (
194  xxs: 0,
195  xs: 380px,
196  sm: 576px,
197  md: 768px,
198  lg: 992px,
199  xl: 1200px
200) !default;
201
202@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
203@include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");
204
205
206// Grid containers
207//
208// Define the maximum width of `.container` for different screen sizes.
209
210$container-max-widths: (
211  sm: 540px,
212  md: 750px,
213  lg: 960px,
214  xl: 1140px
215) !default;
216
217@include _assert-ascending($container-max-widths, "$container-max-widths");
218
219
220// Grid columns
221//
222// Set the number of columns and specify the width of the gutters.
223
224$grid-columns:                12 !default;
225$grid-gutter-width:           30px !default;
226
227
228// Components
229//
230// Define common padding and border radius sizes and more.
231
232$line-height-lg:              1.65 !default;
233$line-height-sm:              1.65 !default;
234
235$border-width:                1px !default;
236$border-color:                $gray-300 !default;
237
238$border-radius:               .25rem !default;
239$border-radius-lg:            .3rem !default;
240$border-radius-sm:            .2rem !default;
241
242$rounded-pill:                50rem !default;
243
244$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;
245$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;
246$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;
247
248$component-active-color:      $white !default;
249$component-active-bg:         theme-color("primary") !default;
250
251$caret-width:                 .3em !default;
252$caret-vertical-align:        $caret-width * .85 !default;
253$caret-spacing:               $caret-width * .85 !default;
254
255$transition-base:             all .2s ease-in-out !default;
256$transition-fade:             opacity .15s linear !default;
257$transition-collapse:         height .35s ease !default;
258
259$embed-responsive-aspect-ratios: () !default;
260// stylelint-disable-next-line scss/dollar-variable-default
261$embed-responsive-aspect-ratios: join(
262  (
263    (21 9),
264    (16 9),
265    (4 3),
266    (1 1),
267  ),
268  $embed-responsive-aspect-ratios
269);
270
271// Typography
272//
273// Font, line-height, and color for body text, headings, and more.
274
275// stylelint-disable value-keyword-case
276
277$font-family-sans-serif:      "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif !default;
278$font-family-serif:           Georgia, Cambria, "Times New Roman", Times, serif !default;
279$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace !default;
280$font-family-base:            $font-family-serif !default;
281$font-family-alt:             $font-family-sans-serif !default;
282
283// stylelint-enable value-keyword-case
284
285$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
286$font-size-lg:                $font-size-base * 1.25 !default;
287$font-size-sm:                $font-size-base * .875 !default;
288
289$font-weight-lighter:         lighter !default;
290$font-weight-light:           300 !default;
291$font-weight-normal:          400 !default;
292$font-weight-bold:            700 !default;
293$font-weight-bolder:          bolder !default;
294
295$font-weight-base:            $font-weight-normal !default;
296$line-height-base:            1.5 !default;
297
298$h1-font-size:                $font-size-base * 2.5 !default;
299$h2-font-size:                $font-size-base * 2.25 !default;
300$h3-font-size:                $font-size-base * 2.0 !default;
301$h4-font-size:                $font-size-base * 1.625 !default;
302$h5-font-size:                $font-size-base * 1.375 !default;
303$h6-font-size:                $font-size-base * 1.125 !default;
304
305$headings-margin-bottom:      $spacer / 2 !default;
306$headings-font-family:       "Cormorant Garamond", $font-family-serif !default;
307$headings-font-weight:        300 !default;
308$headings-line-height:        1.1 !default;
309$headings-color:              null !default;
310
311$display1-size:               6rem !default;
312$display2-size:               5.5rem !default;
313$display3-size:               4.5rem !default;
314$display4-size:               3.5rem !default;
315
316$display1-weight:             300 !default;
317$display2-weight:             300 !default;
318$display3-weight:             300 !default;
319$display4-weight:             300 !default;
320$display-line-height:         $headings-line-height !default;
321
322$lead-font-size:              $font-size-base * 1.25 !default;
323$lead-font-weight:            300 !default;
324
325$small-font-size:             80% !default;
326
327$text-muted:                  $gray-600 !default;
328
329$blockquote-small-color:      $gray-600 !default;
330$blockquote-small-font-size:  $small-font-size !default;
331$blockquote-font-size:        $font-size-base !default;
332
333$hr-border-color:             rgba($black, .1) !default;
334$hr-border-width:             $border-width !default;
335
336$mark-padding:                .2em !default;
337
338$dt-font-weight:              $font-weight-bold !default;
339
340$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
341$nested-kbd-font-weight:      $font-weight-bold !default;
342
343$list-inline-padding:         .5rem !default;
344
345$mark-bg:                     #fcf8e3 !default;
346
347$hr-margin-y:                 $spacer !default;
348
349
350// Tables
351//
352// Customizes the `.table` component with basic values, each used across all table variations.
353
354$table-cell-padding:          .75rem !default;
355$table-cell-padding-sm:       .3rem !default;
356
357$table-color:                 $body-color !default;
358$table-bg:                    null !default;
359$table-accent-bg:             rgba($black, .05) !default;
360$table-hover-color:           $table-color !default;
361$table-hover-bg:              rgba($black, .075) !default;
362$table-active-bg:             $table-hover-bg !default;
363
364$table-border-width:          $border-width !default;
365$table-border-color:          $border-color !default;
366
367$table-head-bg:               $gray-200 !default;
368$table-head-color:            $gray-700 !default;
369
370$table-dark-color:            $white !default;
371$table-dark-bg:               $gray-800 !default;
372$table-dark-accent-bg:        rgba($white, .05) !default;
373$table-dark-hover-color:      $table-dark-color !default;
374$table-dark-hover-bg:         rgba($white, .075) !default;
375$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;
376$table-dark-color:            $white !default;
377
378$table-striped-order:         odd !default;
379
380$table-caption-color:         $text-muted !default;
381
382$table-bg-level:              -9 !default;
383$table-border-level:          -6 !default;
384
385
386// Buttons + Forms
387//
388// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
389
390$input-btn-padding-y:         .375rem !default;
391$input-btn-padding-x:         .75rem !default;
392$input-btn-font-family:       null !default;
393$input-btn-font-size:         $font-size-base !default;
394$input-btn-line-height:       $line-height-base !default;
395
396$input-btn-focus-width:       .2rem !default;
397$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
398$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
399
400$input-btn-padding-y-sm:      .25rem !default;
401$input-btn-padding-x-sm:      .5rem !default;
402$input-btn-font-size-sm:      $font-size-sm !default;
403$input-btn-line-height-sm:    $line-height-sm !default;
404
405$input-btn-padding-y-lg:      .5rem !default;
406$input-btn-padding-x-lg:      1rem !default;
407$input-btn-font-size-lg:      $font-size-lg !default;
408$input-btn-line-height-lg:    $line-height-lg !default;
409
410$input-btn-border-width:      $border-width !default;
411
412
413// Buttons
414//
415// For each of Bootstrap's buttons, define text, background, and border color.
416
417$btn-padding-y:               $input-btn-padding-y !default;
418$btn-padding-x:               $input-btn-padding-x !default;
419$btn-font-family:             $input-btn-font-family !default;
420$btn-font-size:               $input-btn-font-size !default;
421$btn-line-height:             $input-btn-line-height !default;
422
423$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
424$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
425$btn-font-size-sm:            $input-btn-font-size-sm !default;
426$btn-line-height-sm:          $input-btn-line-height-sm !default;
427
428$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
429$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
430$btn-font-size-lg:            $input-btn-font-size-lg !default;
431$btn-line-height-lg:          $input-btn-line-height-lg !default;
432
433$btn-border-width:            $input-btn-border-width !default;
434
435$btn-font-weight:             $font-weight-normal !default;
436$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
437$btn-focus-width:             $input-btn-focus-width !default;
438$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
439$btn-disabled-opacity:        .65 !default;
440$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
441
442$btn-link-disabled-color:     $gray-600 !default;
443
444$btn-block-spacing-y:         .5rem !default;
445
446// Allows for customizing button radius independently from global border radius
447$btn-border-radius:           $border-radius !default;
448$btn-border-radius-lg:        $border-radius-lg !default;
449$btn-border-radius-sm:        $border-radius-sm !default;
450
451$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
452
453
454// Forms
455
456$label-margin-bottom:                   .5rem !default;
457
458$input-padding-y:                       $input-btn-padding-y !default;
459$input-padding-x:                       $input-btn-padding-x !default;
460$input-font-family:                     $input-btn-font-family !default;
461$input-font-size:                       $input-btn-font-size !default;
462$input-font-weight:                     $font-weight-base !default;
463$input-line-height:                     $input-btn-line-height !default;
464
465$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
466$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
467$input-font-size-sm:                    $input-btn-font-size-sm !default;
468$input-line-height-sm:                  $input-btn-line-height-sm !default;
469
470$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
471$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
472$input-font-size-lg:                    $input-btn-font-size-lg !default;
473$input-line-height-lg:                  $input-btn-line-height-lg !default;
474
475$input-bg:                              $white !default;
476$input-disabled-bg:                     $gray-200 !default;
477
478$input-color:                           $gray-700 !default;
479$input-border-color:                    $gray-400 !default;
480$input-border-width:                    $input-btn-border-width !default;
481$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;
482
483$input-border-radius:                   $border-radius !default;
484$input-border-radius-lg:                $border-radius-lg !default;
485$input-border-radius-sm:                $border-radius-sm !default;
486
487$input-focus-bg:                        $input-bg !default;
488$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
489$input-focus-color:                     $input-color !default;
490$input-focus-width:                     $input-btn-focus-width !default;
491$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
492
493$input-placeholder-color:               $gray-600 !default;
494$input-plaintext-color:                 $body-color !default;
495
496$input-height-border:                   $input-border-width * 2 !default;
497
498$input-height-inner:                    calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;
499$input-height-inner-half:               calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;
500$input-height-inner-quarter:            calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;
501
502$input-height:                          calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;
503$input-height-sm:                       calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;
504$input-height-lg:                       calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;
505
506$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
507
508$form-text-margin-top:                  .1875rem !default;
509
510$form-check-input-gutter:               1.25rem !default;
511$form-check-input-margin-y:             .3rem !default;
512$form-check-input-margin-x:             .25rem !default;
513
514$form-check-inline-margin-x:            .75rem !default;
515$form-check-inline-input-margin-x:      .3125rem !default;
516
517$form-grid-gutter-width:                10px !default;
518$form-group-margin-bottom:              1.5rem !default;
519
520$input-group-addon-color:               $input-color !default;
521$input-group-addon-bg:                  $gray-200 !default;
522$input-group-addon-border-color:        $input-border-color !default;
523
524$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
525
526$custom-control-gutter:                 .5rem !default;
527$custom-control-spacer-x:               1rem !default;
528
529$custom-control-indicator-size:         1rem !default;
530$custom-control-indicator-bg:           $input-bg !default;
531
532$custom-control-indicator-bg-size:      50% 50% !default;
533$custom-control-indicator-box-shadow:   $input-box-shadow !default;
534$custom-control-indicator-border-color: $gray-500 !default;
535$custom-control-indicator-border-width: $input-border-width !default;
536
537$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;
538$custom-control-label-disabled-color:           $gray-600 !default;
539
540$custom-control-indicator-checked-color:        $component-active-color !default;
541$custom-control-indicator-checked-bg:           $component-active-bg !default;
542$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
543$custom-control-indicator-checked-box-shadow:   none !default;
544$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
545
546$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;
547$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;
548
549$custom-control-indicator-active-color:         $component-active-color !default;
550$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
551$custom-control-indicator-active-box-shadow:    none !default;
552$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;
553
554$custom-checkbox-indicator-border-radius:       $border-radius !default;
555$custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-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;
556
557$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;
558$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;
559$custom-checkbox-indicator-icon-indeterminate:         str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e"), "#", "%23") !default;
560$custom-checkbox-indicator-indeterminate-box-shadow:   none !default;
561$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
562
563$custom-radio-indicator-border-radius:          50% !default;
564$custom-radio-indicator-icon-checked:           str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e"), "#", "%23") !default;
565
566$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;
567$custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
568$custom-switch-indicator-size:                  calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;
569
570$custom-select-padding-y:           $input-padding-y !default;
571$custom-select-padding-x:           $input-padding-x !default;
572$custom-select-font-family:         $input-font-family !default;
573$custom-select-font-size:           $input-font-size !default;
574$custom-select-height:              $input-height !default;
575$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
576$custom-select-font-weight:         $input-font-weight !default;
577$custom-select-line-height:         $input-line-height !default;
578$custom-select-color:               $input-color !default;
579$custom-select-disabled-color:      $gray-600 !default;
580$custom-select-bg:                  $input-bg !default;
581$custom-select-disabled-bg:         $gray-200 !default;
582$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
583$custom-select-indicator-color:     $gray-800 !default;
584$custom-select-indicator:           str-replace(url("data:image/svg+xml,%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;
585$custom-select-background:          $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
586
587$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;
588$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
589$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;
590
591$custom-select-border-width:        $input-border-width !default;
592$custom-select-border-color:        $input-border-color !default;
593$custom-select-border-radius:       $border-radius !default;
594$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;
595
596$custom-select-focus-border-color:  $input-focus-border-color !default;
597$custom-select-focus-width:         $input-focus-width !default;
598$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
599
600$custom-select-padding-y-sm:        $input-padding-y-sm !default;
601$custom-select-padding-x-sm:        $input-padding-x-sm !default;
602$custom-select-font-size-sm:        $input-font-size-sm !default;
603$custom-select-height-sm:           $input-height-sm !default;
604
605$custom-select-padding-y-lg:        $input-padding-y-lg !default;
606$custom-select-padding-x-lg:        $input-padding-x-lg !default;
607$custom-select-font-size-lg:        $input-font-size-lg !default;
608$custom-select-height-lg:           $input-height-lg !default;
609
610$custom-range-track-width:          100% !default;
611$custom-range-track-height:         .5rem !default;
612$custom-range-track-cursor:         pointer !default;
613$custom-range-track-bg:             $gray-300 !default;
614$custom-range-track-border-radius:  1rem !default;
615$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;
616
617$custom-range-thumb-width:                   1rem !default;
618$custom-range-thumb-height:                  $custom-range-thumb-width !default;
619$custom-range-thumb-bg:                      $component-active-bg !default;
620$custom-range-thumb-border:                  0 !default;
621$custom-range-thumb-border-radius:           1rem !default;
622$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;
623$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;
624$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge
625$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;
626$custom-range-thumb-disabled-bg:             $gray-500 !default;
627
628$custom-file-height:                $input-height !default;
629$custom-file-height-inner:          $input-height-inner !default;
630$custom-file-focus-border-color:    $input-focus-border-color !default;
631$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;
632$custom-file-disabled-bg:           $input-disabled-bg !default;
633
634$custom-file-padding-y:             $input-padding-y !default;
635$custom-file-padding-x:             $input-padding-x !default;
636$custom-file-line-height:           $input-line-height !default;
637$custom-file-font-family:           $input-font-family !default;
638$custom-file-font-weight:           $input-font-weight !default;
639$custom-file-color:                 $input-color !default;
640$custom-file-bg:                    $input-bg !default;
641$custom-file-border-width:          $input-border-width !default;
642$custom-file-border-color:          $input-border-color !default;
643$custom-file-border-radius:         $input-border-radius !default;
644$custom-file-box-shadow:            $input-box-shadow !default;
645$custom-file-button-color:          $custom-file-color !default;
646$custom-file-button-bg:             $input-group-addon-bg !default;
647$custom-file-text: (
648  en: "Browse"
649) !default;
650
651
652// Form validation
653
654$form-feedback-margin-top:          $form-text-margin-top !default;
655$form-feedback-font-size:           $small-font-size !default;
656$form-feedback-valid-color:         theme-color("success") !default;
657$form-feedback-invalid-color:       theme-color("danger") !default;
658
659$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;
660$form-feedback-icon-valid:          str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-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;
661$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;
662$form-feedback-icon-invalid:        str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' 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;
663
664$form-validation-states: () !default;
665// stylelint-disable-next-line scss/dollar-variable-default
666$form-validation-states: map-merge(
667  (
668    "valid": (
669      "color": $form-feedback-valid-color,
670      "icon": $form-feedback-icon-valid
671    ),
672    "invalid": (
673      "color": $form-feedback-invalid-color,
674      "icon": $form-feedback-icon-invalid
675    ),
676  ),
677  $form-validation-states
678);
679
680// Z-index master list
681//
682// Warning: Avoid customizing these values. They're used for a bird's eye view
683// of components dependent on the z-axis and are designed to all work together.
684
685$zindex-dropdown:                   1000 !default;
686$zindex-sticky:                     1020 !default;
687$zindex-fixed:                      1030 !default;
688$zindex-modal-backdrop:             1040 !default;
689$zindex-modal:                      1050 !default;
690$zindex-popover:                    1060 !default;
691$zindex-tooltip:                    1070 !default;
692
693
694// Navs
695
696$nav-link-padding-y:                .5rem !default;
697$nav-link-padding-x:                1rem !default;
698$nav-link-disabled-color:           $gray-600 !default;
699
700$nav-tabs-border-color:             $gray-300 !default;
701$nav-tabs-border-width:             $border-width !default;
702$nav-tabs-border-radius:            $border-radius !default;
703$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
704$nav-tabs-link-active-color:        $gray-700 !default;
705$nav-tabs-link-active-bg:           $body-bg !default;
706$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
707
708$nav-pills-border-radius:           $border-radius !default;
709$nav-pills-link-active-color:       $component-active-color !default;
710$nav-pills-link-active-bg:          $component-active-bg !default;
711
712$nav-divider-color:                 $gray-200 !default;
713$nav-divider-margin-y:              $spacer / 2 !default;
714
715
716// Navbar
717
718$navbar-padding-y:                  0.75rem !default;
719$navbar-padding-x:                  0 !default;
720
721$navbar-nav-link-padding-x:         1rem !default;
722
723$navbar-brand-font-size:            $font-size-lg !default;
724// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
725$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
726$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
727$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
728
729$navbar-toggler-padding-y:          .25rem !default;
730$navbar-toggler-padding-x:          .75rem !default;
731$navbar-toggler-font-size:          $font-size-lg !default;
732$navbar-toggler-border-radius:      $btn-border-radius !default;
733
734$navbar-dark-color:                 rgba($white, .5) !default;
735$navbar-dark-hover-color:           rgba($white, .75) !default;
736$navbar-dark-active-color:          $white !default;
737$navbar-dark-disabled-color:        rgba($white, .25) !default;
738$navbar-dark-toggler-icon-bg:       str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default;
739$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
740
741$navbar-light-color:                rgba($black, .5) !default;
742$navbar-light-hover-color:          rgba($black, .7) !default;
743$navbar-light-active-color:         rgba($black, .9) !default;
744$navbar-light-disabled-color:       rgba($black, .3) !default;
745$navbar-light-toggler-icon-bg:      str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default;
746$navbar-light-toggler-border-color: rgba($black, .1) !default;
747
748$navbar-light-brand-color:                $navbar-light-active-color !default;
749$navbar-light-brand-hover-color:          $navbar-light-active-color !default;
750$navbar-dark-brand-color:                 $navbar-dark-active-color !default;
751$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;
752
753
754// Dropdowns
755//
756// Dropdown menu container and contents.
757
758$dropdown-min-width:                10rem !default;
759$dropdown-padding-y:                .5rem !default;
760$dropdown-spacer:                   .125rem !default;
761$dropdown-font-size:                $font-size-base !default;
762$dropdown-color:                    $body-color !default;
763$dropdown-bg:                       $white !default;
764$dropdown-border-color:             rgba($black, .15) !default;
765$dropdown-border-radius:            $border-radius !default;
766$dropdown-border-width:             $border-width !default;
767$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
768$dropdown-divider-bg:               $gray-200 !default;
769$dropdown-divider-margin-y:         $nav-divider-margin-y !default;
770$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
771
772$dropdown-link-color:               $gray-900 !default;
773$dropdown-link-hover-color:         darken($gray-900, 5%) !default;
774$dropdown-link-hover-bg:            $gray-100 !default;
775
776$dropdown-link-active-color:        $component-active-color !default;
777$dropdown-link-active-bg:           $component-active-bg !default;
778
779$dropdown-link-disabled-color:      $gray-600 !default;
780
781$dropdown-item-padding-y:           .25rem !default;
782$dropdown-item-padding-x:           1.5rem !default;
783
784$dropdown-header-color:             $gray-600 !default;
785
786
787// Pagination
788
789$pagination-padding-y:              .5rem !default;
790$pagination-padding-x:              .75rem !default;
791$pagination-padding-y-sm:           .25rem !default;
792$pagination-padding-x-sm:           .5rem !default;
793$pagination-padding-y-lg:           .75rem !default;
794$pagination-padding-x-lg:           1.5rem !default;
795$pagination-line-height:            1.25 !default;
796
797$pagination-color:                  $link-color !default;
798$pagination-bg:                     $white !default;
799$pagination-border-width:           $border-width !default;
800$pagination-border-color:           $gray-300 !default;
801
802$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
803$pagination-focus-outline:          0 !default;
804
805$pagination-hover-color:            $link-hover-color !default;
806$pagination-hover-bg:               $gray-200 !default;
807$pagination-hover-border-color:     $gray-300 !default;
808
809$pagination-active-color:           $component-active-color !default;
810$pagination-active-bg:              $component-active-bg !default;
811$pagination-active-border-color:    $pagination-active-bg !default;
812
813$pagination-disabled-color:         $gray-600 !default;
814$pagination-disabled-bg:            $white !default;
815$pagination-disabled-border-color:  $gray-300 !default;
816
817
818// Jumbotron
819
820$jumbotron-padding:                 2rem !default;
821$jumbotron-color:                   null !default;
822$jumbotron-bg:                      $gray-200 !default;
823
824
825// Cards
826
827$card-spacer-y:                     .75rem !default;
828$card-spacer-x:                     1.25rem !default;
829$card-border-width:                 $border-width !default;
830$card-border-radius:                $border-radius !default;
831$card-border-color:                 rgba($black, .125) !default;
832$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
833$card-cap-bg:                       rgba($black, .03) !default;
834$card-cap-color:                    null !default;
835$card-color:                        null !default;
836$card-bg:                           $white !default;
837
838$card-img-overlay-padding:          1.25rem !default;
839
840$card-group-margin:                 $grid-gutter-width / 2 !default;
841$card-deck-margin:                  $card-group-margin !default;
842
843$card-columns-count:                3 !default;
844$card-columns-gap:                  1.25rem !default;
845$card-columns-margin:               $card-spacer-y !default;
846
847
848// Tooltips
849
850$tooltip-font-size:                 $font-size-sm !default;
851$tooltip-max-width:                 200px !default;
852$tooltip-color:                     $white !default;
853$tooltip-bg:                        $black !default;
854$tooltip-border-radius:             $border-radius !default;
855$tooltip-opacity:                   .9 !default;
856$tooltip-padding-y:                 .25rem !default;
857$tooltip-padding-x:                 .5rem !default;
858$tooltip-margin:                    0 !default;
859
860$tooltip-arrow-width:               .8rem !default;
861$tooltip-arrow-height:              .4rem !default;
862$tooltip-arrow-color:               $tooltip-bg !default;
863
864// Form tooltips must come after regular tooltips
865$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;
866$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;
867$form-feedback-tooltip-font-size:     $tooltip-font-size !default;
868$form-feedback-tooltip-line-height:   $line-height-base !default;
869$form-feedback-tooltip-opacity:       $tooltip-opacity !default;
870$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
871
872
873// Popovers
874
875$popover-font-size:                 $font-size-sm !default;
876$popover-bg:                        $white !default;
877$popover-max-width:                 276px !default;
878$popover-border-width:              $border-width !default;
879$popover-border-color:              rgba($black, .2) !default;
880$popover-border-radius:             $border-radius-lg !default;
881$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
882
883$popover-header-bg:                 darken($popover-bg, 3%) !default;
884$popover-header-color:              $headings-color !default;
885$popover-header-padding-y:          .5rem !default;
886$popover-header-padding-x:          .75rem !default;
887
888$popover-body-color:                $body-color !default;
889$popover-body-padding-y:            $popover-header-padding-y !default;
890$popover-body-padding-x:            $popover-header-padding-x !default;
891
892$popover-arrow-width:               1rem !default;
893$popover-arrow-height:              .5rem !default;
894$popover-arrow-color:               $popover-bg !default;
895
896$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
897
898
899// Toasts
900
901$toast-max-width:                   350px !default;
902$toast-padding-x:                   .75rem !default;
903$toast-padding-y:                   .25rem !default;
904$toast-font-size:                   .875rem !default;
905$toast-color:                       null !default;
906$toast-background-color:            rgba($white, .85) !default;
907$toast-border-width:                1px !default;
908$toast-border-color:                rgba(0, 0, 0, .1) !default;
909$toast-border-radius:               .25rem !default;
910$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;
911
912$toast-header-color:                $gray-600 !default;
913$toast-header-background-color:     rgba($white, .85) !default;
914$toast-header-border-color:         rgba(0, 0, 0, .05) !default;
915
916
917// Badges
918
919$badge-font-size:                   75% !default;
920$badge-font-weight:                 $font-weight-bold !default;
921$badge-padding-y:                   .25em !default;
922$badge-padding-x:                   .4em !default;
923$badge-border-radius:               $border-radius !default;
924
925$badge-transition:                  $btn-transition !default;
926$badge-focus-width:                 $input-btn-focus-width !default;
927
928$badge-pill-padding-x:              .6em !default;
929// Use a higher than normal value to ensure completely rounded edges when
930// customizing padding or font-size on labels.
931$badge-pill-border-radius:          10rem !default;
932
933
934// Modals
935
936// Padding applied to the modal body
937$modal-inner-padding:               1rem !default;
938
939$modal-dialog-margin:               .5rem !default;
940$modal-dialog-margin-y-sm-up:       1.75rem !default;
941
942$modal-title-line-height:           $line-height-base !default;
943
944$modal-content-color:               null !default;
945$modal-content-bg:                  $white !default;
946$modal-content-border-color:        rgba($black, .2) !default;
947$modal-content-border-width:        $border-width !default;
948$modal-content-border-radius:       $border-radius-lg !default;
949$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;
950$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;
951
952$modal-backdrop-bg:                 $black !default;
953$modal-backdrop-opacity:            .5 !default;
954$modal-header-border-color:         $border-color !default;
955$modal-footer-border-color:         $modal-header-border-color !default;
956$modal-header-border-width:         $modal-content-border-width !default;
957$modal-footer-border-width:         $modal-header-border-width !default;
958$modal-header-padding-y:            1rem !default;
959$modal-header-padding-x:            1rem !default;
960$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
961
962$modal-xl:                          1140px !default;
963$modal-lg:                          800px !default;
964$modal-md:                          500px !default;
965$modal-sm:                          300px !default;
966
967$modal-fade-transform:              translate(0, -50px) !default;
968$modal-show-transform:              none !default;
969$modal-transition:                  transform .3s ease-out !default;
970
971
972// Alerts
973//
974// Define alert colors, border radius, and padding.
975
976$alert-padding-y:                   .75rem !default;
977$alert-padding-x:                   1.25rem !default;
978$alert-margin-bottom:               1rem !default;
979$alert-border-radius:               $border-radius !default;
980$alert-link-font-weight:            $font-weight-bold !default;
981$alert-border-width:                $border-width !default;
982
983$alert-bg-level:                    -10 !default;
984$alert-border-level:                -9 !default;
985$alert-color-level:                 6 !default;
986
987
988// Progress bars
989
990$progress-height:                   1rem !default;
991$progress-font-size:                $font-size-base * .75 !default;
992$progress-bg:                       $gray-200 !default;
993$progress-border-radius:            $border-radius !default;
994$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
995$progress-bar-color:                $white !default;
996$progress-bar-bg:                   theme-color("primary") !default;
997$progress-bar-animation-timing:     1s linear infinite !default;
998$progress-bar-transition:           width .6s ease !default;
999
1000
1001// List group
1002
1003$list-group-color:                  null !default;
1004$list-group-bg:                     $white !default;
1005$list-group-border-color:           rgba($black, .125) !default;
1006$list-group-border-width:           $border-width !default;
1007$list-group-border-radius:          $border-radius !default;
1008
1009$list-group-item-padding-y:         .75rem !default;
1010$list-group-item-padding-x:         1.25rem !default;
1011
1012$list-group-hover-bg:               $gray-100 !default;
1013$list-group-active-color:           $component-active-color !default;
1014$list-group-active-bg:              $component-active-bg !default;
1015$list-group-active-border-color:    $list-group-active-bg !default;
1016
1017$list-group-disabled-color:         $gray-600 !default;
1018$list-group-disabled-bg:            $list-group-bg !default;
1019
1020$list-group-action-color:           $gray-700 !default;
1021$list-group-action-hover-color:     $list-group-action-color !default;
1022
1023$list-group-action-active-color:    $body-color !default;
1024$list-group-action-active-bg:       $gray-200 !default;
1025
1026
1027// Image thumbnails
1028
1029$thumbnail-padding:                 .25rem !default;
1030$thumbnail-bg:                      $body-bg !default;
1031$thumbnail-border-width:            $border-width !default;
1032$thumbnail-border-color:            $gray-300 !default;
1033$thumbnail-border-radius:           $border-radius !default;
1034$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
1035
1036
1037// Figures
1038
1039$figure-caption-font-size:          90% !default;
1040$figure-caption-color:              $gray-600 !default;
1041
1042
1043// Breadcrumbs
1044
1045$breadcrumb-padding-y:              .75rem !default;
1046$breadcrumb-padding-x:              1rem !default;
1047$breadcrumb-item-padding:           .5rem !default;
1048
1049$breadcrumb-margin-bottom:          1rem !default;
1050
1051$breadcrumb-bg:                     $gray-200 !default;
1052$breadcrumb-divider-color:          $gray-600 !default;
1053$breadcrumb-active-color:           $gray-600 !default;
1054$breadcrumb-divider:                quote("/") !default;
1055
1056$breadcrumb-border-radius:          $border-radius !default;
1057
1058
1059// Carousel
1060
1061$carousel-control-color:             $white !default;
1062$carousel-control-width:             15% !default;
1063$carousel-control-opacity:           .5 !default;
1064$carousel-control-hover-opacity:     .9 !default;
1065$carousel-control-transition:        opacity .15s ease !default;
1066
1067$carousel-indicator-width:           30px !default;
1068$carousel-indicator-height:          3px !default;
1069$carousel-indicator-hit-area-height: 10px !default;
1070$carousel-indicator-spacer:          3px !default;
1071$carousel-indicator-active-bg:       $white !default;
1072$carousel-indicator-transition:      opacity .6s ease !default;
1073
1074$carousel-caption-width:             70% !default;
1075$carousel-caption-color:             $white !default;
1076
1077$carousel-control-icon-width:        20px !default;
1078
1079$carousel-control-prev-icon-bg:      str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 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;
1080$carousel-control-next-icon-bg:      str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 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;
1081
1082$carousel-transition-duration:       .6s !default;
1083$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
1084
1085
1086// Spinners
1087
1088$spinner-width:         2rem !default;
1089$spinner-height:        $spinner-width !default;
1090$spinner-border-width:  .25em !default;
1091
1092$spinner-width-sm:        1rem !default;
1093$spinner-height-sm:       $spinner-width-sm !default;
1094$spinner-border-width-sm: .2em !default;
1095
1096
1097// Close
1098
1099$close-font-size:                   $font-size-base * 1.5 !default;
1100$close-font-weight:                 $font-weight-bold !default;
1101$close-color:                       $black !default;
1102$close-text-shadow:                 0 1px 0 $white !default;
1103
1104
1105// Code
1106
1107$code-font-size:                    87.5% !default;
1108$code-color:                        $orange !default;
1109
1110$kbd-padding-y:                     .2rem !default;
1111$kbd-padding-x:                     .4rem !default;
1112$kbd-font-size:                     $code-font-size !default;
1113$kbd-color:                         $white !default;
1114$kbd-bg:                            $gray-900 !default;
1115
1116$pre-color:                         $gray-900 !default;
1117$pre-scrollable-max-height:         340px !default;
1118
1119
1120// Utilities
1121
1122$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
1123$overflows: auto, hidden !default;
1124$positions: static, relative, absolute, fixed, sticky !default;
1125
1126
1127// Printing
1128
1129$print-page-size:                   a3 !default;
1130$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;
Note: See TracBrowser for help on using the repository browser.