elixir-toolkit-theme 1.21.0 → 1.23.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +4 -4
- data/_includes/contributor-minitiles-page.html +1 -1
- data/_includes/dev-info.html +3 -0
- data/_includes/footer.html +30 -4
- data/_includes/section-navigation-tiles-simple.html +3 -0
- data/_includes/section-navigation-tiles.html +2 -2
- data/_includes/topnav.html +9 -1
- data/_includes/training-table-all.html +11 -1
- data/_layouts/default.html +2 -1
- data/_sass/_variables.scss +1 -0
- data/_sass/bootstrap/_accordion.scss +56 -25
- data/_sass/bootstrap/_alert.scss +18 -4
- data/_sass/bootstrap/_badge.scss +14 -5
- data/_sass/bootstrap/_breadcrumb.scss +22 -10
- data/_sass/bootstrap/_button-group.scss +4 -1
- data/_sass/bootstrap/_buttons.scss +125 -29
- data/_sass/bootstrap/_card.scss +55 -37
- data/_sass/bootstrap/_carousel.scss +0 -3
- data/_sass/bootstrap/_close.scss +1 -1
- data/_sass/bootstrap/_containers.scss +1 -1
- data/_sass/bootstrap/_dropdown.scss +85 -76
- data/_sass/bootstrap/_functions.scss +9 -9
- data/_sass/bootstrap/_grid.scss +3 -3
- data/_sass/bootstrap/_helpers.scss +1 -0
- data/_sass/bootstrap/_list-group.scss +48 -30
- data/_sass/bootstrap/_maps.scss +54 -0
- data/_sass/bootstrap/_modal.scss +71 -43
- data/_sass/bootstrap/_nav.scss +53 -20
- data/_sass/bootstrap/_navbar.scss +93 -150
- data/_sass/bootstrap/_offcanvas.scss +120 -59
- data/_sass/bootstrap/_pagination.scss +66 -21
- data/_sass/bootstrap/_placeholders.scss +1 -1
- data/_sass/bootstrap/_popover.scss +90 -52
- data/_sass/bootstrap/_progress.scss +20 -9
- data/_sass/bootstrap/_reboot.scss +25 -40
- data/_sass/bootstrap/_root.scss +40 -21
- data/_sass/bootstrap/_spinners.scss +38 -22
- data/_sass/bootstrap/_tables.scss +32 -23
- data/_sass/bootstrap/_toasts.scss +38 -16
- data/_sass/bootstrap/_tooltip.scss +61 -56
- data/_sass/bootstrap/_type.scss +2 -0
- data/_sass/bootstrap/_utilities.scss +43 -26
- data/_sass/bootstrap/_variables.scss +128 -135
- data/_sass/bootstrap/bootstrap-grid.scss +3 -6
- data/_sass/bootstrap/bootstrap-reboot.scss +3 -7
- data/_sass/bootstrap/bootstrap-utilities.scss +6 -6
- data/_sass/bootstrap/bootstrap.scss +4 -6
- data/_sass/bootstrap/forms/_floating-labels.scss +15 -3
- data/_sass/bootstrap/forms/_form-check.scss +28 -5
- data/_sass/bootstrap/forms/_form-control.scss +12 -37
- data/_sass/bootstrap/forms/_form-select.scss +0 -1
- data/_sass/bootstrap/forms/_input-group.scss +19 -8
- data/_sass/bootstrap/helpers/_color-bg.scss +10 -0
- data/_sass/bootstrap/helpers/_colored-links.scss +2 -2
- data/_sass/bootstrap/helpers/_position.scss +7 -1
- data/_sass/bootstrap/helpers/_ratio.scss +2 -2
- data/_sass/bootstrap/helpers/_vr.scss +1 -1
- data/_sass/bootstrap/mixins/_alert.scss +7 -3
- data/_sass/bootstrap/mixins/_banner.scss +9 -0
- data/_sass/bootstrap/mixins/_breakpoints.scss +8 -8
- data/_sass/bootstrap/mixins/_buttons.scss +32 -95
- data/_sass/bootstrap/mixins/_container.scss +4 -2
- data/_sass/bootstrap/mixins/_forms.scss +18 -10
- data/_sass/bootstrap/mixins/_gradients.scss +1 -1
- data/_sass/bootstrap/mixins/_grid.scss +12 -12
- data/_sass/bootstrap/mixins/_pagination.scss +4 -25
- data/_sass/bootstrap/mixins/_reset-text.scss +1 -1
- data/_sass/bootstrap/mixins/_table-variants.scss +12 -9
- data/_sass/bootstrap/mixins/_utilities.scss +13 -5
- data/assets/css/all.min.css +2 -2
- data/assets/css/main.scss +22 -3
- data/assets/img/android-chrome-192x192.png +0 -0
- data/assets/img/android-chrome-512x512.png +0 -0
- data/assets/img/apple-touch-icon.png +0 -0
- data/assets/img/ett_compact_logo.svg +22 -0
- data/assets/img/ett_compact_logo_bw.svg +22 -0
- data/assets/img/favicon-16x16.png +0 -0
- data/assets/img/favicon-32x32.png +0 -0
- data/assets/img/favicon.ico +0 -0
- data/assets/img/main_logo.svg +46 -57
- data/assets/img/safari-pinned-tab.svg +16 -12
- data/assets/js/bootstrap.bundle.min.js +3 -3
- data/assets/js/bootstrap.bundle.min.js.map +1 -1
- data/assets/webfonts/fa-brands-400.ttf +0 -0
- data/assets/webfonts/fa-brands-400.woff2 +0 -0
- data/assets/webfonts/fa-regular-400.ttf +0 -0
- data/assets/webfonts/fa-regular-400.woff2 +0 -0
- data/assets/webfonts/fa-solid-900.ttf +0 -0
- data/assets/webfonts/fa-solid-900.woff2 +0 -0
- data/assets/webfonts/fa-v4compatibility.ttf +0 -0
- data/assets/webfonts/fa-v4compatibility.woff2 +0 -0
- metadata +9 -6
- data/assets/img/jekyll_theme_question.svg +0 -1
- data/assets/img/jekyll_theme_question_inverted.svg +0 -1
- data/assets/img/main_logo_condesed.svg +0 -1
@@ -60,40 +60,13 @@ $colors: (
|
|
60
60
|
"green": $green,
|
61
61
|
"teal": $teal,
|
62
62
|
"cyan": $cyan,
|
63
|
+
"black": $black,
|
63
64
|
"white": $white,
|
64
65
|
"gray": $gray-600,
|
65
66
|
"gray-dark": $gray-800
|
66
67
|
) !default;
|
67
68
|
// scss-docs-end colors-map
|
68
69
|
|
69
|
-
// scss-docs-start theme-color-variables
|
70
|
-
$primary: $blue !default;
|
71
|
-
$secondary: $gray-600 !default;
|
72
|
-
$success: $green !default;
|
73
|
-
$info: $cyan !default;
|
74
|
-
$warning: $yellow !default;
|
75
|
-
$danger: $red !default;
|
76
|
-
$light: $gray-100 !default;
|
77
|
-
$dark: $gray-900 !default;
|
78
|
-
// scss-docs-end theme-color-variables
|
79
|
-
|
80
|
-
// scss-docs-start theme-colors-map
|
81
|
-
$theme-colors: (
|
82
|
-
"primary": $primary,
|
83
|
-
"secondary": $secondary,
|
84
|
-
"success": $success,
|
85
|
-
"info": $info,
|
86
|
-
"warning": $warning,
|
87
|
-
"danger": $danger,
|
88
|
-
"light": $light,
|
89
|
-
"dark": $dark
|
90
|
-
) !default;
|
91
|
-
// scss-docs-end theme-colors-map
|
92
|
-
|
93
|
-
// scss-docs-start theme-colors-rgb
|
94
|
-
$theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value") !default;
|
95
|
-
// scss-docs-end theme-colors-rgb
|
96
|
-
|
97
70
|
// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
|
98
71
|
// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
|
99
72
|
$min-contrast-ratio: 4.5 !default;
|
@@ -228,8 +201,8 @@ $indigos: (
|
|
228
201
|
) !default;
|
229
202
|
|
230
203
|
$purples: (
|
231
|
-
"purple-100": $purple-
|
232
|
-
"purple-200": $purple-
|
204
|
+
"purple-100": $purple-100,
|
205
|
+
"purple-200": $purple-200,
|
233
206
|
"purple-300": $purple-300,
|
234
207
|
"purple-400": $purple-400,
|
235
208
|
"purple-500": $purple-500,
|
@@ -324,6 +297,30 @@ $cyans: (
|
|
324
297
|
) !default;
|
325
298
|
// fusv-enable
|
326
299
|
|
300
|
+
// scss-docs-start theme-color-variables
|
301
|
+
$primary: $blue !default;
|
302
|
+
$secondary: $gray-600 !default;
|
303
|
+
$success: $green !default;
|
304
|
+
$info: $cyan !default;
|
305
|
+
$warning: $yellow !default;
|
306
|
+
$danger: $red !default;
|
307
|
+
$light: $gray-100 !default;
|
308
|
+
$dark: $gray-900 !default;
|
309
|
+
// scss-docs-end theme-color-variables
|
310
|
+
|
311
|
+
// scss-docs-start theme-colors-map
|
312
|
+
$theme-colors: (
|
313
|
+
"primary": $primary,
|
314
|
+
"secondary": $secondary,
|
315
|
+
"success": $success,
|
316
|
+
"info": $info,
|
317
|
+
"warning": $warning,
|
318
|
+
"danger": $danger,
|
319
|
+
"light": $light,
|
320
|
+
"dark": $dark
|
321
|
+
) !default;
|
322
|
+
// scss-docs-end theme-colors-map
|
323
|
+
|
327
324
|
// Characters which are escaped by the escape-svg function
|
328
325
|
$escaped-characters: (
|
329
326
|
("<", "%3c"),
|
@@ -345,6 +342,7 @@ $enable-transitions: true !default;
|
|
345
342
|
$enable-reduced-motion: true !default;
|
346
343
|
$enable-smooth-scroll: true !default;
|
347
344
|
$enable-grid-classes: true !default;
|
345
|
+
$enable-container-classes: true !default;
|
348
346
|
$enable-cssgrid: false !default;
|
349
347
|
$enable-button-pointers: true !default;
|
350
348
|
$enable-rfs: true !default;
|
@@ -355,7 +353,8 @@ $enable-important-utilities: true !default;
|
|
355
353
|
|
356
354
|
// Prefix for :root CSS variables
|
357
355
|
|
358
|
-
$variable-prefix: bs- !default;
|
356
|
+
$variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`
|
357
|
+
$prefix: $variable-prefix !default;
|
359
358
|
|
360
359
|
// Gradient
|
361
360
|
//
|
@@ -381,8 +380,6 @@ $spacers: (
|
|
381
380
|
4: $spacer * 1.5,
|
382
381
|
5: $spacer * 3,
|
383
382
|
) !default;
|
384
|
-
|
385
|
-
$negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default;
|
386
383
|
// scss-docs-end spacer-variables-maps
|
387
384
|
|
388
385
|
// Position
|
@@ -405,39 +402,6 @@ $body-bg: $white !default;
|
|
405
402
|
$body-color: $gray-900 !default;
|
406
403
|
$body-text-align: null !default;
|
407
404
|
|
408
|
-
// Utilities maps
|
409
|
-
//
|
410
|
-
// Extends the default `$theme-colors` maps to help create our utilities.
|
411
|
-
|
412
|
-
// Come v6, we'll de-dupe these variables. Until then, for backward compatibility, we keep them to reassign.
|
413
|
-
// scss-docs-start utilities-colors
|
414
|
-
$utilities-colors: $theme-colors-rgb !default;
|
415
|
-
// scss-docs-end utilities-colors
|
416
|
-
|
417
|
-
// scss-docs-start utilities-text-colors
|
418
|
-
$utilities-text: map-merge(
|
419
|
-
$utilities-colors,
|
420
|
-
(
|
421
|
-
"black": to-rgb($black),
|
422
|
-
"white": to-rgb($white),
|
423
|
-
"body": to-rgb($body-color)
|
424
|
-
)
|
425
|
-
) !default;
|
426
|
-
$utilities-text-colors: map-loop($utilities-text, rgba-css-var, "$key", "text") !default;
|
427
|
-
// scss-docs-end utilities-text-colors
|
428
|
-
|
429
|
-
// scss-docs-start utilities-bg-colors
|
430
|
-
$utilities-bg: map-merge(
|
431
|
-
$utilities-colors,
|
432
|
-
(
|
433
|
-
"black": to-rgb($black),
|
434
|
-
"white": to-rgb($white),
|
435
|
-
"body": to-rgb($body-bg)
|
436
|
-
)
|
437
|
-
) !default;
|
438
|
-
$utilities-bg-colors: map-loop($utilities-bg, rgba-css-var, "$key", "bg") !default;
|
439
|
-
// scss-docs-end utilities-bg-colors
|
440
|
-
|
441
405
|
// Links
|
442
406
|
//
|
443
407
|
// Style anchor elements.
|
@@ -503,11 +467,9 @@ $grid-columns: 12 !default;
|
|
503
467
|
$grid-gutter-width: 1.5rem !default;
|
504
468
|
$grid-row-columns: 6 !default;
|
505
469
|
|
506
|
-
$gutters: $spacers !default;
|
507
|
-
|
508
470
|
// Container padding
|
509
471
|
|
510
|
-
$container-padding-x: $grid-gutter-width
|
472
|
+
$container-padding-x: $grid-gutter-width !default;
|
511
473
|
|
512
474
|
|
513
475
|
// Components
|
@@ -524,13 +486,17 @@ $border-widths: (
|
|
524
486
|
5: 5px
|
525
487
|
) !default;
|
526
488
|
|
489
|
+
$border-style: solid !default;
|
527
490
|
$border-color: $gray-300 !default;
|
491
|
+
$border-color-translucent: rgba($black, .175) !default;
|
528
492
|
// scss-docs-end border-variables
|
529
493
|
|
530
494
|
// scss-docs-start border-radius-variables
|
531
|
-
$border-radius: .
|
532
|
-
$border-radius-sm: .
|
533
|
-
$border-radius-lg: .
|
495
|
+
$border-radius: .375rem !default;
|
496
|
+
$border-radius-sm: .25rem !default;
|
497
|
+
$border-radius-lg: .5rem !default;
|
498
|
+
$border-radius-xl: 1rem !default;
|
499
|
+
$border-radius-2xl: 2rem !default;
|
534
500
|
$border-radius-pill: 50rem !default;
|
535
501
|
// scss-docs-end border-radius-variables
|
536
502
|
|
@@ -574,11 +540,11 @@ $aspect-ratios: (
|
|
574
540
|
|
575
541
|
// scss-docs-start font-variables
|
576
542
|
// stylelint-disable value-keyword-case
|
577
|
-
$font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
|
543
|
+
$font-family-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
|
578
544
|
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
579
545
|
// stylelint-enable value-keyword-case
|
580
|
-
$font-family-base: var(--#{$
|
581
|
-
$font-family-code: var(--#{$
|
546
|
+
$font-family-base: var(--#{$prefix}font-sans-serif) !default;
|
547
|
+
$font-family-code: var(--#{$prefix}font-monospace) !default;
|
582
548
|
|
583
549
|
// $font-size-root affects the value of `rem`, which is used for as well font sizes, paddings, and margins
|
584
550
|
// $font-size-base affects the font size of the body text
|
@@ -590,6 +556,7 @@ $font-size-lg: $font-size-base * 1.25 !default;
|
|
590
556
|
$font-weight-lighter: lighter !default;
|
591
557
|
$font-weight-light: 300 !default;
|
592
558
|
$font-weight-normal: 400 !default;
|
559
|
+
$font-weight-semibold: 600 !default;
|
593
560
|
$font-weight-bold: 700 !default;
|
594
561
|
$font-weight-bolder: bolder !default;
|
595
562
|
|
@@ -637,6 +604,8 @@ $display-font-sizes: (
|
|
637
604
|
6: 2.5rem
|
638
605
|
) !default;
|
639
606
|
|
607
|
+
$display-font-family: null !default;
|
608
|
+
$display-font-style: null !default;
|
640
609
|
$display-font-weight: 300 !default;
|
641
610
|
$display-line-height: $headings-line-height !default;
|
642
611
|
// scss-docs-end display-headings
|
@@ -660,22 +629,26 @@ $blockquote-footer-font-size: $small-font-size !default;
|
|
660
629
|
|
661
630
|
$hr-margin-y: $spacer !default;
|
662
631
|
$hr-color: inherit !default;
|
663
|
-
|
632
|
+
|
633
|
+
// fusv-disable
|
634
|
+
$hr-bg-color: null !default; // Deprecated in v5.2.0
|
635
|
+
$hr-height: null !default; // Deprecated in v5.2.0
|
636
|
+
// fusv-enable
|
637
|
+
|
638
|
+
$hr-border-color: null !default; // Allows for inherited colors
|
639
|
+
$hr-border-width: $border-width !default;
|
664
640
|
$hr-opacity: .25 !default;
|
665
641
|
|
666
642
|
$legend-margin-bottom: .5rem !default;
|
667
643
|
$legend-font-size: 1.5rem !default;
|
668
644
|
$legend-font-weight: null !default;
|
669
645
|
|
670
|
-
$mark-padding: .2em !default;
|
671
|
-
|
672
646
|
$dt-font-weight: $font-weight-bold !default;
|
673
647
|
|
674
|
-
$nested-kbd-font-weight: $font-weight-bold !default;
|
675
|
-
|
676
648
|
$list-inline-padding: .5rem !default;
|
677
649
|
|
678
|
-
$mark-
|
650
|
+
$mark-padding: .1875em !default;
|
651
|
+
$mark-bg: $yellow-100 !default;
|
679
652
|
// scss-docs-end type-variables
|
680
653
|
|
681
654
|
|
@@ -691,7 +664,7 @@ $table-cell-padding-x-sm: .25rem !default;
|
|
691
664
|
|
692
665
|
$table-cell-vertical-align: top !default;
|
693
666
|
|
694
|
-
$table-color: $body-color !default;
|
667
|
+
$table-color: var(--#{$prefix}body-color) !default;
|
695
668
|
$table-bg: transparent !default;
|
696
669
|
$table-accent-bg: transparent !default;
|
697
670
|
|
@@ -711,11 +684,12 @@ $table-hover-bg: rgba($black, $table-hover-bg-factor) !default;
|
|
711
684
|
|
712
685
|
$table-border-factor: .1 !default;
|
713
686
|
$table-border-width: $border-width !default;
|
714
|
-
$table-border-color: $border-color !default;
|
687
|
+
$table-border-color: var(--#{$prefix}border-color) !default;
|
715
688
|
|
716
689
|
$table-striped-order: odd !default;
|
690
|
+
$table-striped-columns-order: even !default;
|
717
691
|
|
718
|
-
$table-group-separator-color:
|
692
|
+
$table-group-separator-color: currentcolor !default;
|
719
693
|
|
720
694
|
$table-caption-color: $text-muted !default;
|
721
695
|
|
@@ -794,8 +768,8 @@ $btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
794
768
|
$btn-disabled-opacity: .65 !default;
|
795
769
|
$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
|
796
770
|
|
797
|
-
$btn-link-color: $link-color !default;
|
798
|
-
$btn-link-hover-color: $link-hover-color !default;
|
771
|
+
$btn-link-color: var(--#{$prefix}link-color) !default;
|
772
|
+
$btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;
|
799
773
|
$btn-link-disabled-color: $gray-600 !default;
|
800
774
|
|
801
775
|
// Allows for customizing button radius independently from global border radius
|
@@ -851,6 +825,7 @@ $input-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
851
825
|
$input-font-size-lg: $input-btn-font-size-lg !default;
|
852
826
|
|
853
827
|
$input-bg: $body-bg !default;
|
828
|
+
$input-disabled-color: null !default;
|
854
829
|
$input-disabled-bg: $gray-200 !default;
|
855
830
|
$input-disabled-border-color: null !default;
|
856
831
|
|
@@ -908,7 +883,7 @@ $form-check-input-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
908
883
|
$form-check-input-checked-color: $component-active-color !default;
|
909
884
|
$form-check-input-checked-bg-color: $component-active-bg !default;
|
910
885
|
$form-check-input-checked-border-color: $form-check-input-checked-bg-color !default;
|
911
|
-
$form-check-input-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='
|
886
|
+
$form-check-input-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$form-check-input-checked-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>") !default;
|
912
887
|
$form-check-radio-checked-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$form-check-input-checked-color}'/></svg>") !default;
|
913
888
|
|
914
889
|
$form-check-input-indeterminate-color: $component-active-color !default;
|
@@ -964,7 +939,7 @@ $form-select-disabled-border-color: $input-disabled-border-color !default;
|
|
964
939
|
$form-select-bg-position: right $form-select-padding-x center !default;
|
965
940
|
$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions
|
966
941
|
$form-select-indicator-color: $gray-800 !default;
|
967
|
-
$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='
|
942
|
+
$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !default;
|
968
943
|
|
969
944
|
$form-select-feedback-icon-padding-end: $form-select-padding-x * 2.5 + $form-select-indicator-padding !default;
|
970
945
|
$form-select-feedback-icon-position: center right $form-select-indicator-padding !default;
|
@@ -1041,7 +1016,7 @@ $form-feedback-valid-color: $success !default;
|
|
1041
1016
|
$form-feedback-invalid-color: $danger !default;
|
1042
1017
|
|
1043
1018
|
$form-feedback-icon-valid-color: $form-feedback-valid-color !default;
|
1044
|
-
$form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.
|
1019
|
+
$form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73.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'/></svg>") !default;
|
1045
1020
|
$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
|
1046
1021
|
$form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
|
1047
1022
|
// scss-docs-end form-feedback-variables
|
@@ -1074,6 +1049,7 @@ $zindex-modal-backdrop: 1050 !default;
|
|
1074
1049
|
$zindex-modal: 1055 !default;
|
1075
1050
|
$zindex-popover: 1070 !default;
|
1076
1051
|
$zindex-tooltip: 1080 !default;
|
1052
|
+
$zindex-toast: 1090 !default;
|
1077
1053
|
// scss-docs-end zindex-stack
|
1078
1054
|
|
1079
1055
|
|
@@ -1084,8 +1060,8 @@ $nav-link-padding-y: .5rem !default;
|
|
1084
1060
|
$nav-link-padding-x: 1rem !default;
|
1085
1061
|
$nav-link-font-size: null !default;
|
1086
1062
|
$nav-link-font-weight: null !default;
|
1087
|
-
$nav-link-color: $link-color !default;
|
1088
|
-
$nav-link-hover-color: $link-hover-color !default;
|
1063
|
+
$nav-link-color: var(--#{$prefix}link-color) !default;
|
1064
|
+
$nav-link-hover-color: var(--#{$prefix}link-hover-color) !default;
|
1089
1065
|
$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
|
1090
1066
|
$nav-link-disabled-color: $gray-600 !default;
|
1091
1067
|
|
@@ -1124,15 +1100,6 @@ $navbar-toggler-font-size: $font-size-lg !default;
|
|
1124
1100
|
$navbar-toggler-border-radius: $btn-border-radius !default;
|
1125
1101
|
$navbar-toggler-focus-width: $btn-focus-width !default;
|
1126
1102
|
$navbar-toggler-transition: box-shadow .15s ease-in-out !default;
|
1127
|
-
// scss-docs-end navbar-variables
|
1128
|
-
|
1129
|
-
// scss-docs-start navbar-theme-variables
|
1130
|
-
$navbar-dark-color: rgba($white, .55) !default;
|
1131
|
-
$navbar-dark-hover-color: rgba($white, .75) !default;
|
1132
|
-
$navbar-dark-active-color: $white !default;
|
1133
|
-
$navbar-dark-disabled-color: rgba($white, .25) !default;
|
1134
|
-
$navbar-dark-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
|
1135
|
-
$navbar-dark-toggler-border-color: rgba($white, .1) !default;
|
1136
1103
|
|
1137
1104
|
$navbar-light-color: rgba($black, .55) !default;
|
1138
1105
|
$navbar-light-hover-color: rgba($black, .7) !default;
|
@@ -1140,12 +1107,20 @@ $navbar-light-active-color: rgba($black, .9) !default;
|
|
1140
1107
|
$navbar-light-disabled-color: rgba($black, .3) !default;
|
1141
1108
|
$navbar-light-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
|
1142
1109
|
$navbar-light-toggler-border-color: rgba($black, .1) !default;
|
1110
|
+
$navbar-light-brand-color: $navbar-light-active-color !default;
|
1111
|
+
$navbar-light-brand-hover-color: $navbar-light-active-color !default;
|
1112
|
+
// scss-docs-end navbar-variables
|
1143
1113
|
|
1144
|
-
|
1145
|
-
$navbar-
|
1146
|
-
$navbar-dark-
|
1147
|
-
$navbar-dark-
|
1148
|
-
|
1114
|
+
// scss-docs-start navbar-dark-variables
|
1115
|
+
$navbar-dark-color: rgba($white, .55) !default;
|
1116
|
+
$navbar-dark-hover-color: rgba($white, .75) !default;
|
1117
|
+
$navbar-dark-active-color: $white !default;
|
1118
|
+
$navbar-dark-disabled-color: rgba($white, .25) !default;
|
1119
|
+
$navbar-dark-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
|
1120
|
+
$navbar-dark-toggler-border-color: rgba($white, .1) !default;
|
1121
|
+
$navbar-dark-brand-color: $navbar-dark-active-color !default;
|
1122
|
+
$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
|
1123
|
+
// scss-docs-end navbar-dark-variables
|
1149
1124
|
|
1150
1125
|
|
1151
1126
|
// Dropdowns
|
@@ -1160,7 +1135,7 @@ $dropdown-spacer: .125rem !default;
|
|
1160
1135
|
$dropdown-font-size: $font-size-base !default;
|
1161
1136
|
$dropdown-color: $body-color !default;
|
1162
1137
|
$dropdown-bg: $white !default;
|
1163
|
-
$dropdown-border-color:
|
1138
|
+
$dropdown-border-color: var(--#{$prefix}border-color-translucent) !default;
|
1164
1139
|
$dropdown-border-radius: $border-radius !default;
|
1165
1140
|
$dropdown-border-width: $border-width !default;
|
1166
1141
|
$dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;
|
@@ -1181,7 +1156,11 @@ $dropdown-item-padding-y: $spacer * .25 !default;
|
|
1181
1156
|
$dropdown-item-padding-x: $spacer !default;
|
1182
1157
|
|
1183
1158
|
$dropdown-header-color: $gray-600 !default;
|
1184
|
-
$dropdown-header-padding:
|
1159
|
+
$dropdown-header-padding-x: $dropdown-item-padding-x !default;
|
1160
|
+
$dropdown-header-padding-y: $dropdown-padding-y !default;
|
1161
|
+
// fusv-disable
|
1162
|
+
$dropdown-header-padding: $dropdown-header-padding-y $dropdown-header-padding-x !default; // Deprecated in v5.2.0
|
1163
|
+
// fusv-enable
|
1185
1164
|
// scss-docs-end dropdown-variables
|
1186
1165
|
|
1187
1166
|
// scss-docs-start dropdown-dark-variables
|
@@ -1210,19 +1189,21 @@ $pagination-padding-x-sm: .5rem !default;
|
|
1210
1189
|
$pagination-padding-y-lg: .75rem !default;
|
1211
1190
|
$pagination-padding-x-lg: 1.5rem !default;
|
1212
1191
|
|
1213
|
-
$pagination-
|
1192
|
+
$pagination-font-size: $font-size-base !default;
|
1193
|
+
|
1194
|
+
$pagination-color: var(--#{$prefix}link-color) !default;
|
1214
1195
|
$pagination-bg: $white !default;
|
1215
|
-
$pagination-border-width: $border-width !default;
|
1216
1196
|
$pagination-border-radius: $border-radius !default;
|
1217
|
-
$pagination-
|
1197
|
+
$pagination-border-width: $border-width !default;
|
1198
|
+
$pagination-margin-start: ($pagination-border-width * -1) !default;
|
1218
1199
|
$pagination-border-color: $gray-300 !default;
|
1219
1200
|
|
1220
|
-
$pagination-focus-color: $link-hover-color !default;
|
1201
|
+
$pagination-focus-color: var(--#{$prefix}link-hover-color) !default;
|
1221
1202
|
$pagination-focus-bg: $gray-200 !default;
|
1222
1203
|
$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
1223
1204
|
$pagination-focus-outline: 0 !default;
|
1224
1205
|
|
1225
|
-
$pagination-hover-color: $link-hover-color !default;
|
1206
|
+
$pagination-hover-color: var(--#{$prefix}link-hover-color) !default;
|
1226
1207
|
$pagination-hover-bg: $gray-200 !default;
|
1227
1208
|
$pagination-hover-border-color: $gray-300 !default;
|
1228
1209
|
|
@@ -1255,7 +1236,7 @@ $card-spacer-y: $spacer !default;
|
|
1255
1236
|
$card-spacer-x: $spacer !default;
|
1256
1237
|
$card-title-spacer-y: $spacer * .5 !default;
|
1257
1238
|
$card-border-width: $border-width !default;
|
1258
|
-
$card-border-color:
|
1239
|
+
$card-border-color: var(--#{$prefix}border-color-translucent) !default;
|
1259
1240
|
$card-border-radius: $border-radius !default;
|
1260
1241
|
$card-box-shadow: null !default;
|
1261
1242
|
$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
|
@@ -1275,10 +1256,10 @@ $card-group-margin: $grid-gutter-width * .5 !default;
|
|
1275
1256
|
// scss-docs-start accordion-variables
|
1276
1257
|
$accordion-padding-y: 1rem !default;
|
1277
1258
|
$accordion-padding-x: 1.25rem !default;
|
1278
|
-
$accordion-color: $body-color !default;
|
1259
|
+
$accordion-color: $body-color !default; // Sass variable because of $accordion-button-icon
|
1279
1260
|
$accordion-bg: $body-bg !default;
|
1280
1261
|
$accordion-border-width: $border-width !default;
|
1281
|
-
$accordion-border-color:
|
1262
|
+
$accordion-border-color: var(--#{$prefix}border-color) !default;
|
1282
1263
|
$accordion-border-radius: $border-radius !default;
|
1283
1264
|
$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;
|
1284
1265
|
|
@@ -1288,7 +1269,7 @@ $accordion-body-padding-x: $accordion-padding-x !default;
|
|
1288
1269
|
$accordion-button-padding-y: $accordion-padding-y !default;
|
1289
1270
|
$accordion-button-padding-x: $accordion-padding-x !default;
|
1290
1271
|
$accordion-button-color: $accordion-color !default;
|
1291
|
-
$accordion-button-bg: $accordion-bg !default;
|
1272
|
+
$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;
|
1292
1273
|
$accordion-transition: $btn-transition, border-radius .15s ease !default;
|
1293
1274
|
$accordion-button-active-bg: tint-color($component-active-bg, 90%) !default;
|
1294
1275
|
$accordion-button-active-color: shade-color($primary, 10%) !default;
|
@@ -1317,11 +1298,13 @@ $tooltip-border-radius: $border-radius !default;
|
|
1317
1298
|
$tooltip-opacity: .9 !default;
|
1318
1299
|
$tooltip-padding-y: $spacer * .25 !default;
|
1319
1300
|
$tooltip-padding-x: $spacer * .5 !default;
|
1320
|
-
$tooltip-margin:
|
1301
|
+
$tooltip-margin: null !default; // TODO: remove this in v6
|
1321
1302
|
|
1322
1303
|
$tooltip-arrow-width: .8rem !default;
|
1323
1304
|
$tooltip-arrow-height: .4rem !default;
|
1324
|
-
|
1305
|
+
// fusv-disable
|
1306
|
+
$tooltip-arrow-color: null !default; // Deprecated in Bootstrap 5.2.0 for CSS variables
|
1307
|
+
// fusv-enable
|
1325
1308
|
// scss-docs-end tooltip-variables
|
1326
1309
|
|
1327
1310
|
// Form tooltips must come after regular tooltips
|
@@ -1342,11 +1325,12 @@ $popover-font-size: $font-size-sm !default;
|
|
1342
1325
|
$popover-bg: $white !default;
|
1343
1326
|
$popover-max-width: 276px !default;
|
1344
1327
|
$popover-border-width: $border-width !default;
|
1345
|
-
$popover-border-color:
|
1328
|
+
$popover-border-color: var(--#{$prefix}border-color-translucent) !default;
|
1346
1329
|
$popover-border-radius: $border-radius-lg !default;
|
1347
1330
|
$popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;
|
1348
1331
|
$popover-box-shadow: $box-shadow !default;
|
1349
1332
|
|
1333
|
+
$popover-header-font-size: $font-size-base !default;
|
1350
1334
|
$popover-header-bg: shade-color($popover-bg, 6%) !default;
|
1351
1335
|
$popover-header-color: $headings-color !default;
|
1352
1336
|
$popover-header-padding-y: .5rem !default;
|
@@ -1358,11 +1342,14 @@ $popover-body-padding-x: $spacer !default;
|
|
1358
1342
|
|
1359
1343
|
$popover-arrow-width: 1rem !default;
|
1360
1344
|
$popover-arrow-height: .5rem !default;
|
1361
|
-
$popover-arrow-color: $popover-bg !default;
|
1362
|
-
|
1363
|
-
$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
|
1364
1345
|
// scss-docs-end popover-variables
|
1365
1346
|
|
1347
|
+
// fusv-disable
|
1348
|
+
// Deprecated in Bootstrap 5.2.0 for CSS variables
|
1349
|
+
$popover-arrow-color: $popover-bg !default;
|
1350
|
+
$popover-arrow-outer-color: var(--#{$prefix}border-color-translucent) !default;
|
1351
|
+
// fusv-enable
|
1352
|
+
|
1366
1353
|
|
1367
1354
|
// Toasts
|
1368
1355
|
|
@@ -1373,8 +1360,8 @@ $toast-padding-y: .5rem !default;
|
|
1373
1360
|
$toast-font-size: .875rem !default;
|
1374
1361
|
$toast-color: null !default;
|
1375
1362
|
$toast-background-color: rgba($white, .85) !default;
|
1376
|
-
$toast-border-width:
|
1377
|
-
$toast-border-color:
|
1363
|
+
$toast-border-width: $border-width !default;
|
1364
|
+
$toast-border-color: var(--#{$prefix}border-color-translucent) !default;
|
1378
1365
|
$toast-border-radius: $border-radius !default;
|
1379
1366
|
$toast-box-shadow: $box-shadow !default;
|
1380
1367
|
$toast-spacing: $container-padding-x !default;
|
@@ -1411,7 +1398,7 @@ $modal-title-line-height: $line-height-base !default;
|
|
1411
1398
|
|
1412
1399
|
$modal-content-color: null !default;
|
1413
1400
|
$modal-content-bg: $white !default;
|
1414
|
-
$modal-content-border-color:
|
1401
|
+
$modal-content-border-color: var(--#{$prefix}border-color-translucent) !default;
|
1415
1402
|
$modal-content-border-width: $border-width !default;
|
1416
1403
|
$modal-content-border-radius: $border-radius-lg !default;
|
1417
1404
|
$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
|
@@ -1420,14 +1407,17 @@ $modal-content-box-shadow-sm-up: $box-shadow !default;
|
|
1420
1407
|
|
1421
1408
|
$modal-backdrop-bg: $black !default;
|
1422
1409
|
$modal-backdrop-opacity: .5 !default;
|
1423
|
-
|
1424
|
-
$modal-
|
1410
|
+
|
1411
|
+
$modal-header-border-color: var(--#{$prefix}border-color) !default;
|
1425
1412
|
$modal-header-border-width: $modal-content-border-width !default;
|
1426
|
-
$modal-footer-border-width: $modal-header-border-width !default;
|
1427
1413
|
$modal-header-padding-y: $modal-inner-padding !default;
|
1428
1414
|
$modal-header-padding-x: $modal-inner-padding !default;
|
1429
1415
|
$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
|
1430
1416
|
|
1417
|
+
$modal-footer-bg: null !default;
|
1418
|
+
$modal-footer-border-color: $modal-header-border-color !default;
|
1419
|
+
$modal-footer-border-width: $modal-header-border-width !default;
|
1420
|
+
|
1431
1421
|
$modal-sm: 300px !default;
|
1432
1422
|
$modal-md: 500px !default;
|
1433
1423
|
$modal-lg: 800px !default;
|
@@ -1509,7 +1499,7 @@ $list-group-action-active-bg: $gray-200 !default;
|
|
1509
1499
|
$thumbnail-padding: .25rem !default;
|
1510
1500
|
$thumbnail-bg: $body-bg !default;
|
1511
1501
|
$thumbnail-border-width: $border-width !default;
|
1512
|
-
$thumbnail-border-color: $
|
1502
|
+
$thumbnail-border-color: var(--#{$prefix}border-color) !default;
|
1513
1503
|
$thumbnail-border-radius: $border-radius !default;
|
1514
1504
|
$thumbnail-box-shadow: $box-shadow-sm !default;
|
1515
1505
|
// scss-docs-end thumbnail-variables
|
@@ -1569,11 +1559,13 @@ $carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://
|
|
1569
1559
|
|
1570
1560
|
$carousel-transition-duration: .6s !default;
|
1571
1561
|
$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`)
|
1562
|
+
// scss-docs-end carousel-variables
|
1572
1563
|
|
1564
|
+
// scss-docs-start carousel-dark-variables
|
1573
1565
|
$carousel-dark-indicator-active-bg: $black !default;
|
1574
1566
|
$carousel-dark-caption-color: $black !default;
|
1575
1567
|
$carousel-dark-control-icon-filter: invert(1) grayscale(100) !default;
|
1576
|
-
// scss-docs-end carousel-variables
|
1568
|
+
// scss-docs-end carousel-dark-variables
|
1577
1569
|
|
1578
1570
|
|
1579
1571
|
// Spinners
|
@@ -1599,7 +1591,7 @@ $btn-close-height: $btn-close-width !default;
|
|
1599
1591
|
$btn-close-padding-x: .25em !default;
|
1600
1592
|
$btn-close-padding-y: $btn-close-padding-x !default;
|
1601
1593
|
$btn-close-color: $black !default;
|
1602
|
-
$btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0
|
1594
|
+
$btn-close-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$btn-close-color}'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>") !default;
|
1603
1595
|
$btn-close-focus-shadow: $input-btn-focus-box-shadow !default;
|
1604
1596
|
$btn-close-opacity: .5 !default;
|
1605
1597
|
$btn-close-hover-opacity: .75 !default;
|
@@ -1632,10 +1624,11 @@ $offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;
|
|
1632
1624
|
$code-font-size: $small-font-size !default;
|
1633
1625
|
$code-color: $pink !default;
|
1634
1626
|
|
1635
|
-
$kbd-padding-y: .
|
1636
|
-
$kbd-padding-x: .
|
1627
|
+
$kbd-padding-y: .1875rem !default;
|
1628
|
+
$kbd-padding-x: .375rem !default;
|
1637
1629
|
$kbd-font-size: $code-font-size !default;
|
1638
|
-
$kbd-color: $
|
1639
|
-
$kbd-bg: $
|
1630
|
+
$kbd-color: var(--#{$prefix}body-bg) !default;
|
1631
|
+
$kbd-bg: var(--#{$prefix}body-color) !default;
|
1632
|
+
$nested-kbd-font-weight: null !default; // Deprecated in v5.2.0, removing in v6
|
1640
1633
|
|
1641
1634
|
$pre-color: null !default;
|
@@ -1,14 +1,11 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
* Copyright 2011-2021 The Bootstrap Authors
|
4
|
-
* Copyright 2011-2021 Twitter, Inc.
|
5
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
|
-
*/
|
1
|
+
@import "mixins/banner";
|
2
|
+
@include bsBanner(Grid);
|
7
3
|
|
8
4
|
$include-column-box-sizing: true !default;
|
9
5
|
|
10
6
|
@import "functions";
|
11
7
|
@import "variables";
|
8
|
+
@import "maps";
|
12
9
|
|
13
10
|
@import "mixins/lists";
|
14
11
|
@import "mixins/breakpoints";
|
@@ -1,13 +1,9 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
* Copyright 2011-2021 The Bootstrap Authors
|
4
|
-
* Copyright 2011-2021 Twitter, Inc.
|
5
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
|
-
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
7
|
-
*/
|
1
|
+
@import "mixins/banner";
|
2
|
+
@include bsBanner(Reboot);
|
8
3
|
|
9
4
|
@import "functions";
|
10
5
|
@import "variables";
|
6
|
+
@import "maps";
|
11
7
|
@import "mixins";
|
12
8
|
@import "root";
|
13
9
|
@import "reboot";
|
@@ -1,16 +1,16 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
* Copyright 2011-2021 The Bootstrap Authors
|
4
|
-
* Copyright 2011-2021 Twitter, Inc.
|
5
|
-
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
|
6
|
-
*/
|
1
|
+
@import "mixins/banner";
|
2
|
+
@include bsBanner(Utilities);
|
7
3
|
|
8
4
|
// Configuration
|
9
5
|
@import "functions";
|
10
6
|
@import "variables";
|
7
|
+
@import "maps";
|
11
8
|
@import "mixins";
|
12
9
|
@import "utilities";
|
13
10
|
|
11
|
+
// Layout & components
|
12
|
+
@import "root";
|
13
|
+
|
14
14
|
// Helpers
|
15
15
|
@import "helpers";
|
16
16
|
|