source: spip-zone/_galaxie_/trad.spip.net/trunk/theme/css/_variables.scss @ 120027

Last change on this file since 120027 was 120027, checked in by Cerdic, 2 months ago

distributions, grappe, recherche, crayons

  • Property svn:executable set to *
File size: 47.1 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: #e9ecef !default;
11$gray-300: #e0e0e0 !default;
12$gray-400: #dddddd !default;
13$gray-500: #a0a0a0 !default;
14$gray-600: #717070 !default;
15$gray-700: #666666 !default;
16$gray-750: #544f52 !default;
17$gray-800: #343a40 !default;
18$gray-900: #212529 !default;
19$black:    #000 !default;
20
21$grays: () !default;
22// stylelint-disable-next-line scss/dollar-variable-default
23$grays: map-merge(
24  (
25    "100": $gray-100,
26    "200": $gray-200,
27    "300": $gray-300,
28    "400": $gray-400,
29    "500": $gray-500,
30    "600": $gray-600,
31    "700": $gray-700,
32    "750": $gray-750,
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:     #b9274d !default;
44$orange: #f48719 !default;
45$yellow:  #ffc107 !default;
46$green:   #11b23c !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:       $green !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:                              true !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.5rem !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-750 !default;
168
169
170// Links
171//
172// Style anchor elements.
173
174$link-color:                              theme-color("primary") !default;
175$link-decoration:                         none !default;
176$link-hover-color:                        darken($link-color, 15%) !default;
177$link-hover-decoration:                   underline !default;
178$link-hover-bg: #fce4fc;
179// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
180$emphasized-link-hover-darken-percentage: 15% !default;
181
182// Paragraphs
183//
184// Style p element.
185
186$paragraph-margin-bottom:   1rem !default;
187
188
189// Grid breakpoints
190//
191// Define the minimum dimensions at which your layout will change,
192// adapting to different screen sizes, for use in media queries.
193
194$grid-breakpoints: (
195  xs: 0,
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.5 !default;
233$line-height-sm:              1.5 !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$font-family-sans-serif:      Tahoma, Verdana, Segoe, sans-serif !default;
277$font-family-sans-serif-condensed:      Tahoma, "Arial Narrow", Verdana, Segoe, sans-serif !default;
278$font-family-sans-serif2:     "FiraSansExtraCondensed", "Arial Narrow", Helvetica Neue, Arial, sans-serif !default;
279$font-family-serif:           Georgia, Cambria, "Times New Roman", Times, serif !default;
280$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", Courier, monospace !default;
281$font-family-base:            $font-family-sans-serif !default;
282$font-family-alt:             $font-family-sans-serif2 !default;
283
284// stylelint-enable value-keyword-case
285
286$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
287$font-size-lg:                $font-size-base * 1.3333 !default;
288$font-size-sm:                $font-size-base * .77778 !default;
289$font-size-xs:                $font-size-base * .66667 !default;
290
291$font-weight-lighter:         lighter !default;
292$font-weight-light:           300 !default;
293$font-weight-normal:          400 !default;
294$font-weight-bold:            700 !default;
295$font-weight-bolder:          bolder !default;
296
297$font-weight-base:            $font-weight-normal !default;
298$line-height-base:            1.4 !default;
299
300$h1-font-size:                $font-size-base * 2 !default;
301$h2-font-size:                $font-size-base * 1.5 !default;
302$h3-font-size:                $font-size-base * 1.25 !default;
303$h4-font-size:                $font-size-base * 1.1 !default;
304$h5-font-size:                $font-size-base !default;
305$h6-font-size:                $font-size-base !default;
306
307$headings-margin-bottom:      $spacer / 2 !default;
308$headings-font-family:        $font-family-alt !default;
309$headings-font-weight:        700 !default;
310$headings-line-height:        1.1 !default;
311$headings-color:              $gray-900 !default;
312
313$display1-size:               $h1-font-size / 0.75 !default;
314$display2-size:               $h1-font-size !default;
315$display3-size:               $h2-font-size !default;
316$display4-size:               $h3-font-size !default;
317
318$display1-weight:             400 !default;
319$display2-weight:             400 !default;
320$display3-weight:             400 !default;
321$display4-weight:             700 !default;
322$display-line-height:         $headings-line-height !default;
323
324$lead-font-size:              $font-size-base * 1.25 !default;
325$lead-font-weight:            300 !default;
326
327$small-font-size:             77.78% !default;
328
329$text-muted:                  $gray-600 !default;
330
331$blockquote-small-color:      $gray-600 !default;
332$blockquote-small-font-size:  $small-font-size !default;
333$blockquote-font-size:        $font-size-base !default;
334
335$hr-border-color:             rgba($black, .1) !default;
336$hr-border-width:             $border-width !default;
337
338$mark-padding:                .2em !default;
339
340$dt-font-weight:              $font-weight-bold !default;
341
342$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
343$nested-kbd-font-weight:      $font-weight-bold !default;
344
345$list-inline-padding:         .5rem !default;
346
347$mark-bg:                     #fcf8e3 !default;
348
349$hr-margin-y:                 $spacer !default;
350
351
352// Tables
353//
354// Customizes the `.table` component with basic values, each used across all table variations.
355
356$table-cell-padding:          .75rem !default;
357$table-cell-padding-sm:       .3rem !default;
358
359$table-color:                 $body-color !default;
360$table-bg:                    null !default;
361$table-accent-bg:             rgba($black, .05) !default;
362$table-hover-color:           $table-color !default;
363$table-hover-bg:              rgba($black, .075) !default;
364$table-active-bg:             $table-hover-bg !default;
365
366$table-border-width:          $border-width !default;
367$table-border-color:          $border-color !default;
368
369$table-head-bg:               $gray-200 !default;
370$table-head-color:            $gray-700 !default;
371
372$table-dark-color:            $white !default;
373$table-dark-bg:               $gray-800 !default;
374$table-dark-accent-bg:        rgba($white, .05) !default;
375$table-dark-hover-color:      $table-dark-color !default;
376$table-dark-hover-bg:         rgba($white, .075) !default;
377$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;
378$table-dark-color:            $white !default;
379
380$table-striped-order:         odd !default;
381
382$table-caption-color:         $text-muted !default;
383
384$table-bg-level:              -9 !default;
385$table-border-level:          -6 !default;
386
387
388// Buttons + Forms
389//
390// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
391
392$input-btn-padding-y:         .375rem !default;
393$input-btn-padding-x:         .75rem !default;
394$input-btn-font-family:       null !default;
395$input-btn-font-size:         $font-size-base !default;
396$input-btn-line-height:       $line-height-base !default;
397
398$input-btn-focus-width:       .2rem !default;
399$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
400$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
401
402$input-btn-padding-y-sm:      .25rem !default;
403$input-btn-padding-x-sm:      .5rem !default;
404$input-btn-font-size-sm:      $font-size-sm !default;
405$input-btn-line-height-sm:    $line-height-sm !default;
406
407$input-btn-padding-y-lg:      .5rem !default;
408$input-btn-padding-x-lg:      1rem !default;
409$input-btn-font-size-lg:      $font-size-lg !default;
410$input-btn-line-height-lg:    $line-height-lg !default;
411
412$input-btn-border-width:      $border-width !default;
413
414
415// Buttons
416//
417// For each of Bootstrap's buttons, define text, background, and border color.
418
419$btn-padding-y:               $input-btn-padding-y !default;
420$btn-padding-x:               $input-btn-padding-x !default;
421$btn-font-family:             $input-btn-font-family !default;
422$btn-font-size:               $input-btn-font-size !default;
423$btn-line-height:             $input-btn-line-height !default;
424
425$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
426$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
427$btn-font-size-sm:            $input-btn-font-size-sm !default;
428$btn-line-height-sm:          $input-btn-line-height-sm !default;
429
430$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
431$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
432$btn-font-size-lg:            $input-btn-font-size-lg !default;
433$btn-line-height-lg:          $input-btn-line-height-lg !default;
434
435$btn-border-width:            $input-btn-border-width !default;
436
437$btn-font-weight:             $font-weight-normal !default;
438$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
439$btn-focus-width:             $input-btn-focus-width !default;
440$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
441$btn-disabled-opacity:        .65 !default;
442$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
443
444$btn-link-disabled-color:     $gray-600 !default;
445
446$btn-block-spacing-y:         .5rem !default;
447
448// Allows for customizing button radius independently from global border radius
449$btn-border-radius:           $border-radius !default;
450$btn-border-radius-lg:        $border-radius-lg !default;
451$btn-border-radius-sm:        $border-radius-sm !default;
452
453$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;
454
455
456// Forms
457
458$label-margin-bottom:                   .5rem !default;
459
460$input-padding-y:                       $input-btn-padding-y !default;
461$input-padding-x:                       $input-btn-padding-x !default;
462$input-font-family:                     $input-btn-font-family !default;
463$input-font-size:                       $input-btn-font-size !default;
464$input-font-weight:                     $font-weight-base !default;
465$input-line-height:                     $input-btn-line-height !default;
466
467$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
468$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
469$input-font-size-sm:                    $input-btn-font-size-sm !default;
470$input-line-height-sm:                  $input-btn-line-height-sm !default;
471
472$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
473$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
474$input-font-size-lg:                    $input-btn-font-size-lg !default;
475$input-line-height-lg:                  $input-btn-line-height-lg !default;
476
477$input-bg:                              $white !default;
478$input-disabled-bg:                     $gray-200 !default;
479
480$input-color:                           $gray-700 !default;
481$input-border-color:                    $gray-400 !default;
482$input-border-width:                    $input-btn-border-width !default;
483$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;
484
485$input-border-radius:                   $border-radius !default;
486$input-border-radius-lg:                $border-radius-lg !default;
487$input-border-radius-sm:                $border-radius-sm !default;
488
489$input-focus-bg:                        $input-bg !default;
490$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
491$input-focus-color:                     $input-color !default;
492$input-focus-width:                     $input-btn-focus-width !default;
493$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
494
495$input-placeholder-color:               $gray-600 !default;
496$input-plaintext-color:                 $body-color !default;
497
498$input-height-border:                   $input-border-width * 2 !default;
499
500$input-height-inner:                    calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;
501$input-height-inner-half:               calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;
502$input-height-inner-quarter:            calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;
503
504$input-height:                          calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;
505$input-height-sm:                       calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;
506$input-height-lg:                       calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;
507
508$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
509
510$form-text-margin-top:                  .1875rem !default;
511
512$form-check-input-gutter:               1.25rem !default;
513$form-check-input-margin-y:             .3rem !default;
514$form-check-input-margin-x:             .25rem !default;
515
516$form-check-inline-margin-x:            .75rem !default;
517$form-check-inline-input-margin-x:      .3125rem !default;
518
519$form-grid-gutter-width:                10px !default;
520$form-group-margin-bottom:              1.5rem !default;
521
522$input-group-addon-color:               $input-color !default;
523$input-group-addon-bg:                  $gray-200 !default;
524$input-group-addon-border-color:        $input-border-color !default;
525
526$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
527
528$custom-control-gutter:                 .5rem !default;
529$custom-control-spacer-x:               1rem !default;
530
531$custom-control-indicator-size:         1rem !default;
532$custom-control-indicator-bg:           $input-bg !default;
533
534$custom-control-indicator-bg-size:      50% 50% !default;
535$custom-control-indicator-box-shadow:   $input-box-shadow !default;
536$custom-control-indicator-border-color: $gray-500 !default;
537$custom-control-indicator-border-width: $input-border-width !default;
538
539$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;
540$custom-control-label-disabled-color:           $gray-600 !default;
541
542$custom-control-indicator-checked-color:        $component-active-color !default;
543$custom-control-indicator-checked-bg:           $component-active-bg !default;
544$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
545$custom-control-indicator-checked-box-shadow:   none !default;
546$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
547
548$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;
549$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;
550
551$custom-control-indicator-active-color:         $component-active-color !default;
552$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
553$custom-control-indicator-active-box-shadow:    none !default;
554$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;
555
556$custom-checkbox-indicator-border-radius:       $border-radius !default;
557$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;
558
559$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;
560$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;
561$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;
562$custom-checkbox-indicator-indeterminate-box-shadow:   none !default;
563$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
564
565$custom-radio-indicator-border-radius:          50% !default;
566$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;
567
568$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;
569$custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;
570$custom-switch-indicator-size:                  calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;
571
572$custom-select-padding-y:           $input-padding-y !default;
573$custom-select-padding-x:           $input-padding-x !default;
574$custom-select-font-family:         $input-font-family !default;
575$custom-select-font-size:           $input-font-size !default;
576$custom-select-height:              $input-height !default;
577$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
578$custom-select-font-weight:         $input-font-weight !default;
579$custom-select-line-height:         $input-line-height !default;
580$custom-select-color:               $input-color !default;
581$custom-select-disabled-color:      $gray-600 !default;
582$custom-select-bg:                  $input-bg !default;
583$custom-select-disabled-bg:         $gray-200 !default;
584$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
585$custom-select-indicator-color:     $gray-800 !default;
586$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;
587$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)
588
589$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;
590$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
591$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;
592
593$custom-select-border-width:        $input-border-width !default;
594$custom-select-border-color:        $input-border-color !default;
595$custom-select-border-radius:       $border-radius !default;
596$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;
597
598$custom-select-focus-border-color:  $input-focus-border-color !default;
599$custom-select-focus-width:         $input-focus-width !default;
600$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
601
602$custom-select-padding-y-sm:        $input-padding-y-sm !default;
603$custom-select-padding-x-sm:        $input-padding-x-sm !default;
604$custom-select-font-size-sm:        $input-font-size-sm !default;
605$custom-select-height-sm:           $input-height-sm !default;
606
607$custom-select-padding-y-lg:        $input-padding-y-lg !default;
608$custom-select-padding-x-lg:        $input-padding-x-lg !default;
609$custom-select-font-size-lg:        $input-font-size-lg !default;
610$custom-select-height-lg:           $input-height-lg !default;
611
612$custom-range-track-width:          100% !default;
613$custom-range-track-height:         .5rem !default;
614$custom-range-track-cursor:         pointer !default;
615$custom-range-track-bg:             $gray-300 !default;
616$custom-range-track-border-radius:  1rem !default;
617$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;
618
619$custom-range-thumb-width:                   1rem !default;
620$custom-range-thumb-height:                  $custom-range-thumb-width !default;
621$custom-range-thumb-bg:                      $component-active-bg !default;
622$custom-range-thumb-border:                  0 !default;
623$custom-range-thumb-border-radius:           1rem !default;
624$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;
625$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;
626$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge
627$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;
628$custom-range-thumb-disabled-bg:             $gray-500 !default;
629
630$custom-file-height:                $input-height !default;
631$custom-file-height-inner:          $input-height-inner !default;
632$custom-file-focus-border-color:    $input-focus-border-color !default;
633$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;
634$custom-file-disabled-bg:           $input-disabled-bg !default;
635
636$custom-file-padding-y:             $input-padding-y !default;
637$custom-file-padding-x:             $input-padding-x !default;
638$custom-file-line-height:           $input-line-height !default;
639$custom-file-font-family:           $input-font-family !default;
640$custom-file-font-weight:           $input-font-weight !default;
641$custom-file-color:                 $input-color !default;
642$custom-file-bg:                    $input-bg !default;
643$custom-file-border-width:          $input-border-width !default;
644$custom-file-border-color:          $input-border-color !default;
645$custom-file-border-radius:         $input-border-radius !default;
646$custom-file-box-shadow:            $input-box-shadow !default;
647$custom-file-button-color:          $custom-file-color !default;
648$custom-file-button-bg:             $input-group-addon-bg !default;
649$custom-file-text: (
650  en: "Browse"
651) !default;
652
653
654// Form validation
655
656$form-feedback-margin-top:          $form-text-margin-top !default;
657$form-feedback-font-size:           $small-font-size !default;
658$form-feedback-valid-color:         theme-color("success") !default;
659$form-feedback-invalid-color:       theme-color("danger") !default;
660
661$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;
662$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;
663$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;
664$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;
665
666$form-validation-states: () !default;
667// stylelint-disable-next-line scss/dollar-variable-default
668$form-validation-states: map-merge(
669  (
670    "valid": (
671      "color": $form-feedback-valid-color,
672      "icon": $form-feedback-icon-valid
673    ),
674    "invalid": (
675      "color": $form-feedback-invalid-color,
676      "icon": $form-feedback-icon-invalid
677    ),
678  ),
679  $form-validation-states
680);
681
682// Z-index master list
683//
684// Warning: Avoid customizing these values. They're used for a bird's eye view
685// of components dependent on the z-axis and are designed to all work together.
686
687$zindex-dropdown:                   1000 !default;
688$zindex-sticky:                     1020 !default;
689$zindex-fixed:                      1030 !default;
690$zindex-modal-backdrop:             1040 !default;
691$zindex-modal:                      1050 !default;
692$zindex-popover:                    1060 !default;
693$zindex-tooltip:                    1070 !default;
694
695
696// Navs
697
698$nav-link-padding-y:                .5rem !default;
699$nav-link-padding-x:                1rem !default;
700$nav-link-disabled-color:           $gray-600 !default;
701
702$nav-tabs-border-color:             $gray-300 !default;
703$nav-tabs-border-width:             $border-width !default;
704$nav-tabs-border-radius:            $border-radius !default;
705$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
706$nav-tabs-link-active-color:        $gray-900 !default;
707$nav-tabs-link-active-bg:           $gray-100 !default;
708$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
709
710$nav-pills-border-radius:           $border-radius !default;
711$nav-pills-link-active-color:       $component-active-color !default;
712$nav-pills-link-active-bg:          $component-active-bg !default;
713
714$nav-divider-color:                 $gray-200 !default;
715$nav-divider-margin-y:              $spacer / 2 !default;
716
717
718// Navbar
719
720$navbar-padding-y:                  0.5rem !default;
721$navbar-padding-x:                  0 !default;
722
723$navbar-nav-link-padding-x:         0.75rem !default;
724
725$navbar-brand-font-size:            $font-size-lg !default;
726// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
727$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
728$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
729$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
730
731$navbar-toggler-padding-y:          .25rem !default;
732$navbar-toggler-padding-x:          .75rem !default;
733$navbar-toggler-font-size:          $font-size-lg !default;
734$navbar-toggler-border-radius:      $btn-border-radius !default;
735
736$navbar-dark-color:                 rgba($white, .5) !default;
737$navbar-dark-hover-color:           rgba($white, .75) !default;
738$navbar-dark-active-color:          $white !default;
739$navbar-dark-disabled-color:        rgba($white, .25) !default;
740$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;
741$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
742
743$navbar-light-color:                rgba($black, .5) !default;
744$navbar-light-hover-color:          rgba($black, .7) !default;
745$navbar-light-active-color:         rgba($black, .9) !default;
746$navbar-light-disabled-color:       rgba($black, .3) !default;
747$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;
748$navbar-light-toggler-border-color: rgba($black, .1) !default;
749
750$navbar-light-brand-color:                $navbar-light-active-color !default;
751$navbar-light-brand-hover-color:          $navbar-light-active-color !default;
752$navbar-dark-brand-color:                 $navbar-dark-active-color !default;
753$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;
754
755
756// Dropdowns
757//
758// Dropdown menu container and contents.
759
760$dropdown-min-width:                10rem !default;
761$dropdown-padding-y:                .5rem !default;
762$dropdown-spacer:                   .125rem !default;
763$dropdown-font-size:                $font-size-base !default;
764$dropdown-color:                    $body-color !default;
765$dropdown-bg:                       $white !default;
766$dropdown-border-color:             rgba($black, .15) !default;
767$dropdown-border-radius:            $border-radius !default;
768$dropdown-border-width:             $border-width !default;
769$dropdown-inner-border-radius:      calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
770$dropdown-divider-bg:               $gray-200 !default;
771$dropdown-divider-margin-y:         $nav-divider-margin-y !default;
772$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
773
774$dropdown-link-color:               $gray-900 !default;
775$dropdown-link-hover-color:         darken($gray-900, 5%) !default;
776$dropdown-link-hover-bg:            $gray-100 !default;
777
778$dropdown-link-active-color:        $component-active-color !default;
779$dropdown-link-active-bg:           $component-active-bg !default;
780
781$dropdown-link-disabled-color:      $gray-600 !default;
782
783$dropdown-item-padding-y:           .25rem !default;
784$dropdown-item-padding-x:           1.5rem !default;
785
786$dropdown-header-color:             $gray-600 !default;
787
788
789// Pagination
790
791$pagination-padding-y:              .5rem !default;
792$pagination-padding-x:              .75rem !default;
793$pagination-padding-y-sm:           .25rem !default;
794$pagination-padding-x-sm:           .5rem !default;
795$pagination-padding-y-lg:           .75rem !default;
796$pagination-padding-x-lg:           1.5rem !default;
797$pagination-line-height:            1.25 !default;
798
799$pagination-color:                  $link-color !default;
800$pagination-bg:                     $white !default;
801$pagination-border-width:           $border-width !default;
802$pagination-border-color:           $gray-300 !default;
803
804$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
805$pagination-focus-outline:          0 !default;
806
807$pagination-hover-color:            $link-hover-color !default;
808$pagination-hover-bg:               $gray-200 !default;
809$pagination-hover-border-color:     $gray-300 !default;
810
811$pagination-active-color:           $component-active-color !default;
812$pagination-active-bg:              $component-active-bg !default;
813$pagination-active-border-color:    $pagination-active-bg !default;
814
815$pagination-disabled-color:         $gray-600 !default;
816$pagination-disabled-bg:            $white !default;
817$pagination-disabled-border-color:  $gray-300 !default;
818
819
820// Jumbotron
821
822$jumbotron-padding:                 2rem !default;
823$jumbotron-color:                   null !default;
824$jumbotron-bg:                      $gray-200 !default;
825
826
827// Cards
828
829$card-spacer-y:                     .75rem !default;
830$card-spacer-x:                     1.25rem !default;
831$card-border-width:                 $border-width !default;
832$card-border-radius:                $border-radius !default;
833$card-border-color:                 rgba($black, .125) !default;
834$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
835$card-cap-bg:                       rgba($black, .03) !default;
836$card-cap-color:                    null !default;
837$card-color:                        null !default;
838$card-bg:                           $white !default;
839
840$card-img-overlay-padding:          1.25rem !default;
841
842$card-group-margin:                 $grid-gutter-width / 2 !default;
843$card-deck-margin:                  $card-group-margin !default;
844
845$card-columns-count:                3 !default;
846$card-columns-gap:                  1.25rem !default;
847$card-columns-margin:               $card-spacer-y !default;
848
849
850// Tooltips
851
852$tooltip-font-size:                 $font-size-sm !default;
853$tooltip-max-width:                 200px !default;
854$tooltip-color:                     $white !default;
855$tooltip-bg:                        $black !default;
856$tooltip-border-radius:             $border-radius !default;
857$tooltip-opacity:                   .9 !default;
858$tooltip-padding-y:                 .25rem !default;
859$tooltip-padding-x:                 .5rem !default;
860$tooltip-margin:                    0 !default;
861
862$tooltip-arrow-width:               .8rem !default;
863$tooltip-arrow-height:              .4rem !default;
864$tooltip-arrow-color:               $tooltip-bg !default;
865
866// Form tooltips must come after regular tooltips
867$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;
868$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;
869$form-feedback-tooltip-font-size:     $tooltip-font-size !default;
870$form-feedback-tooltip-line-height:   $line-height-base !default;
871$form-feedback-tooltip-opacity:       $tooltip-opacity !default;
872$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
873
874
875// Popovers
876
877$popover-font-size:                 $font-size-sm !default;
878$popover-bg:                        $white !default;
879$popover-max-width:                 276px !default;
880$popover-border-width:              $border-width !default;
881$popover-border-color:              rgba($black, .2) !default;
882$popover-border-radius:             $border-radius-lg !default;
883$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
884
885$popover-header-bg:                 darken($popover-bg, 3%) !default;
886$popover-header-color:              $headings-color !default;
887$popover-header-padding-y:          .5rem !default;
888$popover-header-padding-x:          .75rem !default;
889
890$popover-body-color:                $body-color !default;
891$popover-body-padding-y:            $popover-header-padding-y !default;
892$popover-body-padding-x:            $popover-header-padding-x !default;
893
894$popover-arrow-width:               1rem !default;
895$popover-arrow-height:              .5rem !default;
896$popover-arrow-color:               $popover-bg !default;
897
898$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
899
900
901// Toasts
902
903$toast-max-width:                   350px !default;
904$toast-padding-x:                   .75rem !default;
905$toast-padding-y:                   .25rem !default;
906$toast-font-size:                   .875rem !default;
907$toast-color:                       null !default;
908$toast-background-color:            rgba($white, .85) !default;
909$toast-border-width:                1px !default;
910$toast-border-color:                rgba(0, 0, 0, .1) !default;
911$toast-border-radius:               .25rem !default;
912$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;
913
914$toast-header-color:                $gray-600 !default;
915$toast-header-background-color:     rgba($white, .85) !default;
916$toast-header-border-color:         rgba(0, 0, 0, .05) !default;
917
918
919// Badges
920
921$badge-font-size:                   75% !default;
922$badge-font-weight:                 $font-weight-bold !default;
923$badge-padding-y:                   .25em !default;
924$badge-padding-x:                   .4em !default;
925$badge-border-radius:               $border-radius !default;
926
927$badge-transition:                  $btn-transition !default;
928$badge-focus-width:                 $input-btn-focus-width !default;
929
930$badge-pill-padding-x:              .6em !default;
931// Use a higher than normal value to ensure completely rounded edges when
932// customizing padding or font-size on labels.
933$badge-pill-border-radius:          10rem !default;
934
935
936// Modals
937
938// Padding applied to the modal body
939$modal-inner-padding:               1rem !default;
940
941$modal-dialog-margin:               .5rem !default;
942$modal-dialog-margin-y-sm-up:       1.75rem !default;
943
944$modal-title-line-height:           $line-height-base !default;
945
946$modal-content-color:               null !default;
947$modal-content-bg:                  $white !default;
948$modal-content-border-color:        rgba($black, .2) !default;
949$modal-content-border-width:        $border-width !default;
950$modal-content-border-radius:       $border-radius-lg !default;
951$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;
952$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;
953
954$modal-backdrop-bg:                 $black !default;
955$modal-backdrop-opacity:            .5 !default;
956$modal-header-border-color:         $border-color !default;
957$modal-footer-border-color:         $modal-header-border-color !default;
958$modal-header-border-width:         $modal-content-border-width !default;
959$modal-footer-border-width:         $modal-header-border-width !default;
960$modal-header-padding-y:            1rem !default;
961$modal-header-padding-x:            1rem !default;
962$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
963
964$modal-xl:                          1140px !default;
965$modal-lg:                          800px !default;
966$modal-md:                          500px !default;
967$modal-sm:                          300px !default;
968
969$modal-fade-transform:              translate(0, -50px) !default;
970$modal-show-transform:              none !default;
971$modal-transition:                  transform .3s ease-out !default;
972
973
974// Alerts
975//
976// Define alert colors, border radius, and padding.
977
978$alert-padding-y:                   .75rem !default;
979$alert-padding-x:                   1.25rem !default;
980$alert-margin-bottom:               1rem !default;
981$alert-border-radius:               $border-radius !default;
982$alert-link-font-weight:            $font-weight-bold !default;
983$alert-border-width:                $border-width !default;
984
985$alert-bg-level:                    -10 !default;
986$alert-border-level:                -9 !default;
987$alert-color-level:                 6 !default;
988
989
990// Progress bars
991
992$progress-height:                   1rem !default;
993$progress-font-size:                $font-size-base * .75 !default;
994$progress-bg:                       $gray-200 !default;
995$progress-border-radius:            $border-radius !default;
996$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
997$progress-bar-color:                $white !default;
998$progress-bar-bg:                   theme-color("primary") !default;
999$progress-bar-animation-timing:     1s linear infinite !default;
1000$progress-bar-transition:           width .6s ease !default;
1001
1002
1003// List group
1004
1005$list-group-color:                  null !default;
1006$list-group-bg:                     $white !default;
1007$list-group-border-color:           rgba($black, .125) !default;
1008$list-group-border-width:           $border-width !default;
1009$list-group-border-radius:          $border-radius !default;
1010
1011$list-group-item-padding-y:         .75rem !default;
1012$list-group-item-padding-x:         1.25rem !default;
1013
1014$list-group-hover-bg:               $gray-100 !default;
1015$list-group-active-color:           $component-active-color !default;
1016$list-group-active-bg:              $component-active-bg !default;
1017$list-group-active-border-color:    $list-group-active-bg !default;
1018
1019$list-group-disabled-color:         $gray-600 !default;
1020$list-group-disabled-bg:            $list-group-bg !default;
1021
1022$list-group-action-color:           $gray-700 !default;
1023$list-group-action-hover-color:     $list-group-action-color !default;
1024
1025$list-group-action-active-color:    $body-color !default;
1026$list-group-action-active-bg:       $gray-200 !default;
1027
1028
1029// Image thumbnails
1030
1031$thumbnail-padding:                 .25rem !default;
1032$thumbnail-bg:                      $body-bg !default;
1033$thumbnail-border-width:            $border-width !default;
1034$thumbnail-border-color:            $gray-300 !default;
1035$thumbnail-border-radius:           $border-radius !default;
1036$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
1037
1038
1039// Figures
1040
1041$figure-caption-font-size:          90% !default;
1042$figure-caption-color:              $gray-600 !default;
1043
1044
1045// Breadcrumbs
1046
1047$breadcrumb-padding-y:              .75rem !default;
1048$breadcrumb-padding-x:              0 !default;
1049$breadcrumb-item-padding:           .5rem !default;
1050
1051$breadcrumb-margin-bottom:          1rem !default;
1052
1053$breadcrumb-bg:                     transparent !default;
1054$breadcrumb-divider-color:          $gray-600 !default;
1055$breadcrumb-active-color:           $gray-600 !default;
1056$breadcrumb-divider:                quote("/") !default;
1057
1058$breadcrumb-border-radius:          $border-radius !default;
1059
1060
1061// Carousel
1062
1063$carousel-control-color:             $white !default;
1064$carousel-control-width:             15% !default;
1065$carousel-control-opacity:           .5 !default;
1066$carousel-control-hover-opacity:     .9 !default;
1067$carousel-control-transition:        opacity .15s ease !default;
1068
1069$carousel-indicator-width:           30px !default;
1070$carousel-indicator-height:          3px !default;
1071$carousel-indicator-hit-area-height: 10px !default;
1072$carousel-indicator-spacer:          3px !default;
1073$carousel-indicator-active-bg:       $white !default;
1074$carousel-indicator-transition:      opacity .6s ease !default;
1075
1076$carousel-caption-width:             70% !default;
1077$carousel-caption-color:             $white !default;
1078
1079$carousel-control-icon-width:        20px !default;
1080
1081$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;
1082$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;
1083
1084$carousel-transition-duration:       .6s !default;
1085$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`)
1086
1087
1088// Spinners
1089
1090$spinner-width:         2rem !default;
1091$spinner-height:        $spinner-width !default;
1092$spinner-border-width:  .25em !default;
1093
1094$spinner-width-sm:        1rem !default;
1095$spinner-height-sm:       $spinner-width-sm !default;
1096$spinner-border-width-sm: .2em !default;
1097
1098
1099// Close
1100
1101$close-font-size:                   $font-size-base * 1.5 !default;
1102$close-font-weight:                 $font-weight-bold !default;
1103$close-color:                       $black !default;
1104$close-text-shadow:                 0 1px 0 $white !default;
1105
1106
1107// Code
1108
1109$code-font-size:                    87.5% !default;
1110$code-color:                        $pink !default;
1111
1112$kbd-padding-y:                     .2rem !default;
1113$kbd-padding-x:                     .4rem !default;
1114$kbd-font-size:                     $code-font-size !default;
1115$kbd-color:                         $white !default;
1116$kbd-bg:                            $gray-900 !default;
1117
1118$pre-color:                         $gray-900 !default;
1119$pre-scrollable-max-height:         340px !default;
1120
1121
1122// Utilities
1123
1124$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
1125$overflows: auto, hidden !default;
1126$positions: static, relative, absolute, fixed, sticky !default;
1127
1128
1129// Printing
1130
1131$print-page-size:                   a3 !default;
1132$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;
Note: See TracBrowser for help on using the repository browser.