elixir-toolkit-theme 2.1.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_includes/contributor-carousel-selection.html +2 -3
- data/_includes/contributor-minitiles-page.html +2 -3
- data/_includes/contributor-tiles-all.html +2 -3
- data/_includes/news.html +1 -1
- data/_includes/resource-table-all.html +1 -1
- data/_includes/section-navigation-tiles.html +20 -2
- data/_layouts/default.html +2 -2
- data/_layouts/page.html +1 -1
- data/_sass/bootstrap/_accordion.scss +9 -0
- data/_sass/bootstrap/_alert.scss +8 -11
- data/_sass/bootstrap/_button-group.scss +2 -2
- data/_sass/bootstrap/_buttons.scss +3 -3
- data/_sass/bootstrap/_card.scss +5 -0
- data/_sass/bootstrap/_carousel.scss +20 -2
- data/_sass/bootstrap/_close.scss +32 -9
- data/_sass/bootstrap/_dropdown.scss +1 -0
- data/_sass/bootstrap/_functions.scss +1 -1
- data/_sass/bootstrap/_grid.scss +6 -0
- data/_sass/bootstrap/_helpers.scss +2 -0
- data/_sass/bootstrap/_list-group.scss +12 -7
- data/_sass/bootstrap/_maps.scss +120 -0
- data/_sass/bootstrap/_mixins.scss +1 -2
- data/_sass/bootstrap/_nav.scss +42 -17
- data/_sass/bootstrap/_navbar.scss +15 -4
- data/_sass/bootstrap/_offcanvas.scss +4 -2
- data/_sass/bootstrap/_pagination.scss +1 -1
- data/_sass/bootstrap/_progress.scss +10 -1
- data/_sass/bootstrap/_reboot.scss +7 -7
- data/_sass/bootstrap/_root.scss +121 -10
- data/_sass/bootstrap/_tables.scss +18 -11
- data/_sass/bootstrap/_tooltip.scss +4 -5
- data/_sass/bootstrap/_utilities.scss +172 -13
- data/_sass/bootstrap/_variables-dark.scss +85 -0
- data/_sass/bootstrap/_variables.scss +268 -157
- data/_sass/bootstrap/bootstrap-grid.scss +1 -3
- data/_sass/bootstrap/bootstrap-reboot.scss +1 -0
- data/_sass/bootstrap/bootstrap-utilities.scss +1 -0
- data/_sass/bootstrap/bootstrap.scss +1 -0
- data/_sass/bootstrap/forms/_floating-labels.scss +23 -3
- data/_sass/bootstrap/forms/_form-check.scss +25 -12
- data/_sass/bootstrap/forms/_form-control.scss +24 -4
- data/_sass/bootstrap/forms/_form-range.scss +3 -3
- data/_sass/bootstrap/forms/_form-select.scss +12 -3
- data/_sass/bootstrap/forms/_input-group.scss +1 -1
- data/_sass/bootstrap/helpers/_color-bg.scss +1 -4
- data/_sass/bootstrap/helpers/_colored-links.scss +20 -2
- data/_sass/bootstrap/helpers/_focus-ring.scss +5 -0
- data/_sass/bootstrap/helpers/_icon-link.scss +25 -0
- data/_sass/bootstrap/helpers/_vr.scss +1 -1
- data/_sass/bootstrap/mixins/_alert.scss +4 -1
- data/_sass/bootstrap/mixins/_banner.scss +2 -4
- data/_sass/bootstrap/mixins/_caret.scss +30 -25
- data/_sass/bootstrap/mixins/_color-mode.scss +21 -0
- data/_sass/bootstrap/mixins/_forms.scss +8 -7
- data/_sass/bootstrap/mixins/_list-group.scss +2 -0
- data/_sass/bootstrap/mixins/_utilities.scss +1 -1
- data/_sass/bootstrap/mixins/_visually-hidden.scss +5 -1
- data/_sass/bootstrap/tests/jasmine.js +16 -0
- data/_sass/bootstrap/tests/mixins/_color-modes.test.scss +69 -0
- data/_sass/bootstrap/tests/mixins/_media-query-color-mode-full.test.scss +8 -0
- data/_sass/bootstrap/tests/mixins/_utilities.test.scss +393 -0
- data/_sass/bootstrap/tests/sass-true/register.js +14 -0
- data/_sass/bootstrap/tests/sass-true/runner.js +17 -0
- data/_sass/bootstrap/tests/utilities/_api.test.scss +75 -0
- data/_sass/bootstrap/vendor/_rfs.scss +23 -29
- data/assets/css/dataTables.bootstrap5.min.css +2 -2
- data/assets/css/main.scss +13 -1
- data/assets/js/anchor.min.js +3 -3
- data/assets/js/bootstrap.bundle.min.js +3 -3
- data/assets/js/bootstrap.bundle.min.js.map +1 -1
- data/assets/js/dataTables.bootstrap5.min.js +4 -14
- data/assets/js/jquery.dataTables.min.js +4 -187
- data/assets/js/jquery.min.js +2 -2
- data/assets/js/jquery.min.map +1 -1
- metadata +13 -2
|
@@ -321,6 +321,39 @@ $theme-colors: (
|
|
|
321
321
|
) !default;
|
|
322
322
|
// scss-docs-end theme-colors-map
|
|
323
323
|
|
|
324
|
+
// scss-docs-start theme-text-variables
|
|
325
|
+
$primary-text-emphasis: shade-color($primary, 60%) !default;
|
|
326
|
+
$secondary-text-emphasis: shade-color($secondary, 60%) !default;
|
|
327
|
+
$success-text-emphasis: shade-color($success, 60%) !default;
|
|
328
|
+
$info-text-emphasis: shade-color($info, 60%) !default;
|
|
329
|
+
$warning-text-emphasis: shade-color($warning, 60%) !default;
|
|
330
|
+
$danger-text-emphasis: shade-color($danger, 60%) !default;
|
|
331
|
+
$light-text-emphasis: $gray-700 !default;
|
|
332
|
+
$dark-text-emphasis: $gray-700 !default;
|
|
333
|
+
// scss-docs-end theme-text-variables
|
|
334
|
+
|
|
335
|
+
// scss-docs-start theme-bg-subtle-variables
|
|
336
|
+
$primary-bg-subtle: tint-color($primary, 80%) !default;
|
|
337
|
+
$secondary-bg-subtle: tint-color($secondary, 80%) !default;
|
|
338
|
+
$success-bg-subtle: tint-color($success, 80%) !default;
|
|
339
|
+
$info-bg-subtle: tint-color($info, 80%) !default;
|
|
340
|
+
$warning-bg-subtle: tint-color($warning, 80%) !default;
|
|
341
|
+
$danger-bg-subtle: tint-color($danger, 80%) !default;
|
|
342
|
+
$light-bg-subtle: mix($gray-100, $white) !default;
|
|
343
|
+
$dark-bg-subtle: $gray-400 !default;
|
|
344
|
+
// scss-docs-end theme-bg-subtle-variables
|
|
345
|
+
|
|
346
|
+
// scss-docs-start theme-border-subtle-variables
|
|
347
|
+
$primary-border-subtle: tint-color($primary, 60%) !default;
|
|
348
|
+
$secondary-border-subtle: tint-color($secondary, 60%) !default;
|
|
349
|
+
$success-border-subtle: tint-color($success, 60%) !default;
|
|
350
|
+
$info-border-subtle: tint-color($info, 60%) !default;
|
|
351
|
+
$warning-border-subtle: tint-color($warning, 60%) !default;
|
|
352
|
+
$danger-border-subtle: tint-color($danger, 60%) !default;
|
|
353
|
+
$light-border-subtle: $gray-200 !default;
|
|
354
|
+
$dark-border-subtle: $gray-500 !default;
|
|
355
|
+
// scss-docs-end theme-border-subtle-variables
|
|
356
|
+
|
|
324
357
|
// Characters which are escaped by the escape-svg function
|
|
325
358
|
$escaped-characters: (
|
|
326
359
|
("<", "%3c"),
|
|
@@ -351,6 +384,9 @@ $enable-negative-margins: false !default;
|
|
|
351
384
|
$enable-deprecation-messages: true !default;
|
|
352
385
|
$enable-important-utilities: true !default;
|
|
353
386
|
|
|
387
|
+
$enable-dark-mode: true !default;
|
|
388
|
+
$color-mode-type: data !default; // `data` or `media-query`
|
|
389
|
+
|
|
354
390
|
// Prefix for :root CSS variables
|
|
355
391
|
|
|
356
392
|
$variable-prefix: bs- !default; // Deprecated in v5.2.0 for the shorter `$prefix`
|
|
@@ -398,9 +434,17 @@ $position-values: (
|
|
|
398
434
|
//
|
|
399
435
|
// Settings for the `<body>` element.
|
|
400
436
|
|
|
401
|
-
$body-bg: $white !default;
|
|
402
|
-
$body-color: $gray-900 !default;
|
|
403
437
|
$body-text-align: null !default;
|
|
438
|
+
$body-color: $gray-900 !default;
|
|
439
|
+
$body-bg: $white !default;
|
|
440
|
+
|
|
441
|
+
$body-secondary-color: rgba($body-color, .75) !default;
|
|
442
|
+
$body-secondary-bg: $gray-200 !default;
|
|
443
|
+
|
|
444
|
+
$body-tertiary-color: rgba($body-color, .5) !default;
|
|
445
|
+
$body-tertiary-bg: $gray-100 !default;
|
|
446
|
+
|
|
447
|
+
$body-emphasis-color: $black !default;
|
|
404
448
|
|
|
405
449
|
// Links
|
|
406
450
|
//
|
|
@@ -415,6 +459,15 @@ $link-hover-decoration: null !default;
|
|
|
415
459
|
$stretched-link-pseudo-element: after !default;
|
|
416
460
|
$stretched-link-z-index: 1 !default;
|
|
417
461
|
|
|
462
|
+
// Icon links
|
|
463
|
+
// scss-docs-start icon-link-variables
|
|
464
|
+
$icon-link-gap: .375rem !default;
|
|
465
|
+
$icon-link-underline-offset: .25em !default;
|
|
466
|
+
$icon-link-icon-size: 1em !default;
|
|
467
|
+
$icon-link-icon-transition: .2s ease-in-out transform !default;
|
|
468
|
+
$icon-link-icon-transform: translate3d(.25em, 0, 0) !default;
|
|
469
|
+
// scss-docs-end icon-link-variables
|
|
470
|
+
|
|
418
471
|
// Paragraphs
|
|
419
472
|
//
|
|
420
473
|
// Style p element.
|
|
@@ -485,7 +538,6 @@ $border-widths: (
|
|
|
485
538
|
4: 4px,
|
|
486
539
|
5: 5px
|
|
487
540
|
) !default;
|
|
488
|
-
|
|
489
541
|
$border-style: solid !default;
|
|
490
542
|
$border-color: $gray-300 !default;
|
|
491
543
|
$border-color-translucent: rgba($black, .175) !default;
|
|
@@ -496,9 +548,12 @@ $border-radius: .375rem !default;
|
|
|
496
548
|
$border-radius-sm: .25rem !default;
|
|
497
549
|
$border-radius-lg: .5rem !default;
|
|
498
550
|
$border-radius-xl: 1rem !default;
|
|
499
|
-
$border-radius-
|
|
551
|
+
$border-radius-xxl: 2rem !default;
|
|
500
552
|
$border-radius-pill: 50rem !default;
|
|
501
553
|
// scss-docs-end border-radius-variables
|
|
554
|
+
// fusv-disable
|
|
555
|
+
$border-radius-2xl: $border-radius-xxl !default; // Deprecated in v5.3.0
|
|
556
|
+
// fusv-enable
|
|
502
557
|
|
|
503
558
|
// scss-docs-start box-shadow-variables
|
|
504
559
|
$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
|
|
@@ -510,6 +565,14 @@ $box-shadow-inset: inset 0 1px 2px rgba($black, .075) !default;
|
|
|
510
565
|
$component-active-color: $white !default;
|
|
511
566
|
$component-active-bg: $primary !default;
|
|
512
567
|
|
|
568
|
+
// scss-docs-start focus-ring-variables
|
|
569
|
+
$focus-ring-width: .25rem !default;
|
|
570
|
+
$focus-ring-opacity: .25 !default;
|
|
571
|
+
$focus-ring-color: rgba($primary, $focus-ring-opacity) !default;
|
|
572
|
+
$focus-ring-blur: 0 !default;
|
|
573
|
+
$focus-ring-box-shadow: 0 0 $focus-ring-blur $focus-ring-width $focus-ring-color !default;
|
|
574
|
+
// scss-docs-end focus-ring-variables
|
|
575
|
+
|
|
513
576
|
// scss-docs-start caret-variables
|
|
514
577
|
$caret-width: .3em !default;
|
|
515
578
|
$caret-vertical-align: $caret-width * .85 !default;
|
|
@@ -556,6 +619,7 @@ $font-size-lg: $font-size-base * 1.25 !default;
|
|
|
556
619
|
$font-weight-lighter: lighter !default;
|
|
557
620
|
$font-weight-light: 300 !default;
|
|
558
621
|
$font-weight-normal: 400 !default;
|
|
622
|
+
$font-weight-medium: 500 !default;
|
|
559
623
|
$font-weight-semibold: 600 !default;
|
|
560
624
|
$font-weight-bold: 700 !default;
|
|
561
625
|
$font-weight-bolder: bolder !default;
|
|
@@ -591,7 +655,7 @@ $headings-font-family: null !default;
|
|
|
591
655
|
$headings-font-style: null !default;
|
|
592
656
|
$headings-font-weight: 500 !default;
|
|
593
657
|
$headings-line-height: 1.2 !default;
|
|
594
|
-
$headings-color:
|
|
658
|
+
$headings-color: inherit !default;
|
|
595
659
|
// scss-docs-end headings-variables
|
|
596
660
|
|
|
597
661
|
// scss-docs-start display-headings
|
|
@@ -618,7 +682,9 @@ $small-font-size: .875em !default;
|
|
|
618
682
|
|
|
619
683
|
$sub-sup-font-size: .75em !default;
|
|
620
684
|
|
|
621
|
-
|
|
685
|
+
// fusv-disable
|
|
686
|
+
$text-muted: var(--#{$prefix}secondary-color) !default; // Deprecated in 5.3.0
|
|
687
|
+
// fusv-enable
|
|
622
688
|
|
|
623
689
|
$initialism-font-size: $small-font-size !default;
|
|
624
690
|
|
|
@@ -636,9 +702,13 @@ $hr-height: null !default; // Deprecated in v5.2.0
|
|
|
636
702
|
// fusv-enable
|
|
637
703
|
|
|
638
704
|
$hr-border-color: null !default; // Allows for inherited colors
|
|
639
|
-
$hr-border-width: $border-width !default;
|
|
705
|
+
$hr-border-width: var(--#{$prefix}border-width) !default;
|
|
640
706
|
$hr-opacity: .25 !default;
|
|
641
707
|
|
|
708
|
+
// scss-docs-start vr-variables
|
|
709
|
+
$vr-border-width: var(--#{$prefix}border-width) !default;
|
|
710
|
+
// scss-docs-end vr-variables
|
|
711
|
+
|
|
642
712
|
$legend-margin-bottom: .5rem !default;
|
|
643
713
|
$legend-font-size: 1.5rem !default;
|
|
644
714
|
$legend-font-weight: null !default;
|
|
@@ -665,7 +735,7 @@ $table-cell-padding-x-sm: .25rem !default;
|
|
|
665
735
|
$table-cell-vertical-align: top !default;
|
|
666
736
|
|
|
667
737
|
$table-color: var(--#{$prefix}body-color) !default;
|
|
668
|
-
$table-bg:
|
|
738
|
+
$table-bg: var(--#{$prefix}body-bg) !default;
|
|
669
739
|
$table-accent-bg: transparent !default;
|
|
670
740
|
|
|
671
741
|
$table-th-font-weight: null !default;
|
|
@@ -683,7 +753,7 @@ $table-hover-bg-factor: .075 !default;
|
|
|
683
753
|
$table-hover-bg: rgba($black, $table-hover-bg-factor) !default;
|
|
684
754
|
|
|
685
755
|
$table-border-factor: .1 !default;
|
|
686
|
-
$table-border-width: $border-width !default;
|
|
756
|
+
$table-border-width: var(--#{$prefix}border-width) !default;
|
|
687
757
|
$table-border-color: var(--#{$prefix}border-color) !default;
|
|
688
758
|
|
|
689
759
|
$table-striped-order: odd !default;
|
|
@@ -691,7 +761,7 @@ $table-striped-columns-order: even !default;
|
|
|
691
761
|
|
|
692
762
|
$table-group-separator-color: currentcolor !default;
|
|
693
763
|
|
|
694
|
-
$table-caption-color: $
|
|
764
|
+
$table-caption-color: var(--#{$prefix}secondary-color) !default;
|
|
695
765
|
|
|
696
766
|
$table-bg-scale: -80% !default;
|
|
697
767
|
// scss-docs-end table-variables
|
|
@@ -721,11 +791,11 @@ $input-btn-font-family: null !default;
|
|
|
721
791
|
$input-btn-font-size: $font-size-base !default;
|
|
722
792
|
$input-btn-line-height: $line-height-base !default;
|
|
723
793
|
|
|
724
|
-
$input-btn-focus-width:
|
|
725
|
-
$input-btn-focus-color-opacity:
|
|
726
|
-
$input-btn-focus-color:
|
|
727
|
-
$input-btn-focus-blur:
|
|
728
|
-
$input-btn-focus-box-shadow:
|
|
794
|
+
$input-btn-focus-width: $focus-ring-width !default;
|
|
795
|
+
$input-btn-focus-color-opacity: $focus-ring-opacity !default;
|
|
796
|
+
$input-btn-focus-color: $focus-ring-color !default;
|
|
797
|
+
$input-btn-focus-blur: $focus-ring-blur !default;
|
|
798
|
+
$input-btn-focus-box-shadow: $focus-ring-box-shadow !default;
|
|
729
799
|
|
|
730
800
|
$input-btn-padding-y-sm: .25rem !default;
|
|
731
801
|
$input-btn-padding-x-sm: .5rem !default;
|
|
@@ -735,7 +805,7 @@ $input-btn-padding-y-lg: .5rem !default;
|
|
|
735
805
|
$input-btn-padding-x-lg: 1rem !default;
|
|
736
806
|
$input-btn-font-size-lg: $font-size-lg !default;
|
|
737
807
|
|
|
738
|
-
$input-btn-border-width: $border-width !default;
|
|
808
|
+
$input-btn-border-width: var(--#{$prefix}border-width) !default;
|
|
739
809
|
// scss-docs-end input-btn-variables
|
|
740
810
|
|
|
741
811
|
|
|
@@ -744,6 +814,7 @@ $input-btn-border-width: $border-width !default;
|
|
|
744
814
|
// For each of Bootstrap's buttons, define text, background, and border color.
|
|
745
815
|
|
|
746
816
|
// scss-docs-start btn-variables
|
|
817
|
+
$btn-color: var(--#{$prefix}body-color) !default;
|
|
747
818
|
$btn-padding-y: $input-btn-padding-y !default;
|
|
748
819
|
$btn-padding-x: $input-btn-padding-x !default;
|
|
749
820
|
$btn-font-family: $input-btn-font-family !default;
|
|
@@ -773,9 +844,9 @@ $btn-link-hover-color: var(--#{$prefix}link-hover-color) !default;
|
|
|
773
844
|
$btn-link-disabled-color: $gray-600 !default;
|
|
774
845
|
|
|
775
846
|
// Allows for customizing button radius independently from global border radius
|
|
776
|
-
$btn-border-radius: $border-radius !default;
|
|
777
|
-
$btn-border-radius-sm: $border-radius-sm !default;
|
|
778
|
-
$btn-border-radius-lg: $border-radius-lg !default;
|
|
847
|
+
$btn-border-radius: var(--#{$prefix}border-radius) !default;
|
|
848
|
+
$btn-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
|
|
849
|
+
$btn-border-radius-lg: var(--#{$prefix}border-radius-lg) !default;
|
|
779
850
|
|
|
780
851
|
$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;
|
|
781
852
|
|
|
@@ -797,7 +868,7 @@ $form-text-margin-top: .25rem !default;
|
|
|
797
868
|
$form-text-font-size: $small-font-size !default;
|
|
798
869
|
$form-text-font-style: null !default;
|
|
799
870
|
$form-text-font-weight: null !default;
|
|
800
|
-
$form-text-color: $
|
|
871
|
+
$form-text-color: var(--#{$prefix}secondary-color) !default;
|
|
801
872
|
// scss-docs-end form-text-variables
|
|
802
873
|
|
|
803
874
|
// scss-docs-start form-label-variables
|
|
@@ -824,19 +895,19 @@ $input-padding-y-lg: $input-btn-padding-y-lg !default;
|
|
|
824
895
|
$input-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
825
896
|
$input-font-size-lg: $input-btn-font-size-lg !default;
|
|
826
897
|
|
|
827
|
-
$input-bg: $body-bg !default;
|
|
898
|
+
$input-bg: var(--#{$prefix}body-bg) !default;
|
|
828
899
|
$input-disabled-color: null !default;
|
|
829
|
-
$input-disabled-bg: $
|
|
900
|
+
$input-disabled-bg: var(--#{$prefix}secondary-bg) !default;
|
|
830
901
|
$input-disabled-border-color: null !default;
|
|
831
902
|
|
|
832
|
-
$input-color: $body-color !default;
|
|
833
|
-
$input-border-color: $
|
|
903
|
+
$input-color: var(--#{$prefix}body-color) !default;
|
|
904
|
+
$input-border-color: var(--#{$prefix}border-color) !default;
|
|
834
905
|
$input-border-width: $input-btn-border-width !default;
|
|
835
906
|
$input-box-shadow: $box-shadow-inset !default;
|
|
836
907
|
|
|
837
|
-
$input-border-radius: $border-radius !default;
|
|
838
|
-
$input-border-radius-sm: $border-radius-sm !default;
|
|
839
|
-
$input-border-radius-lg: $border-radius-lg !default;
|
|
908
|
+
$input-border-radius: var(--#{$prefix}border-radius) !default;
|
|
909
|
+
$input-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
|
|
910
|
+
$input-border-radius-lg: var(--#{$prefix}border-radius-lg) !default;
|
|
840
911
|
|
|
841
912
|
$input-focus-bg: $input-bg !default;
|
|
842
913
|
$input-focus-border-color: tint-color($component-active-bg, 50%) !default;
|
|
@@ -844,10 +915,10 @@ $input-focus-color: $input-color !default;
|
|
|
844
915
|
$input-focus-width: $input-btn-focus-width !default;
|
|
845
916
|
$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
846
917
|
|
|
847
|
-
$input-placeholder-color: $
|
|
848
|
-
$input-plaintext-color: $body-color !default;
|
|
918
|
+
$input-placeholder-color: var(--#{$prefix}secondary-color) !default;
|
|
919
|
+
$input-plaintext-color: var(--#{$prefix}body-color) !default;
|
|
849
920
|
|
|
850
|
-
$input-height-border: $input-border-width * 2 !default;
|
|
921
|
+
$input-height-border: calc(#{$input-border-width} * 2) !default; // stylelint-disable-line function-disallowed-list
|
|
851
922
|
|
|
852
923
|
$input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;
|
|
853
924
|
$input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;
|
|
@@ -874,11 +945,11 @@ $form-check-transition: null !default;
|
|
|
874
945
|
$form-check-input-active-filter: brightness(90%) !default;
|
|
875
946
|
|
|
876
947
|
$form-check-input-bg: $input-bg !default;
|
|
877
|
-
$form-check-input-border:
|
|
948
|
+
$form-check-input-border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color) !default;
|
|
878
949
|
$form-check-input-border-radius: .25em !default;
|
|
879
950
|
$form-check-radio-border-radius: 50% !default;
|
|
880
951
|
$form-check-input-focus-border: $input-focus-border-color !default;
|
|
881
|
-
$form-check-input-focus-box-shadow: $
|
|
952
|
+
$form-check-input-focus-box-shadow: $focus-ring-box-shadow !default;
|
|
882
953
|
|
|
883
954
|
$form-check-input-checked-color: $component-active-color !default;
|
|
884
955
|
$form-check-input-checked-bg-color: $component-active-bg !default;
|
|
@@ -919,7 +990,7 @@ $input-group-addon-padding-y: $input-padding-y !default;
|
|
|
919
990
|
$input-group-addon-padding-x: $input-padding-x !default;
|
|
920
991
|
$input-group-addon-font-weight: $input-font-weight !default;
|
|
921
992
|
$input-group-addon-color: $input-color !default;
|
|
922
|
-
$input-group-addon-bg: $
|
|
993
|
+
$input-group-addon-bg: var(--#{$prefix}tertiary-bg) !default;
|
|
923
994
|
$input-group-addon-border-color: $input-border-color !default;
|
|
924
995
|
// scss-docs-end input-group-variables
|
|
925
996
|
|
|
@@ -934,7 +1005,7 @@ $form-select-line-height: $input-line-height !default;
|
|
|
934
1005
|
$form-select-color: $input-color !default;
|
|
935
1006
|
$form-select-bg: $input-bg !default;
|
|
936
1007
|
$form-select-disabled-color: null !default;
|
|
937
|
-
$form-select-disabled-bg: $
|
|
1008
|
+
$form-select-disabled-bg: $input-disabled-bg !default;
|
|
938
1009
|
$form-select-disabled-border-color: $input-disabled-border-color !default;
|
|
939
1010
|
$form-select-bg-position: right $form-select-padding-x center !default;
|
|
940
1011
|
$form-select-bg-size: 16px 12px !default; // In pixels because image dimensions
|
|
@@ -971,7 +1042,7 @@ $form-select-transition: $input-transition !default;
|
|
|
971
1042
|
$form-range-track-width: 100% !default;
|
|
972
1043
|
$form-range-track-height: .5rem !default;
|
|
973
1044
|
$form-range-track-cursor: pointer !default;
|
|
974
|
-
$form-range-track-bg: $
|
|
1045
|
+
$form-range-track-bg: var(--#{$prefix}tertiary-bg) !default;
|
|
975
1046
|
$form-range-track-border-radius: 1rem !default;
|
|
976
1047
|
$form-range-track-box-shadow: $box-shadow-inset !default;
|
|
977
1048
|
|
|
@@ -984,26 +1055,28 @@ $form-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !defa
|
|
|
984
1055
|
$form-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
|
|
985
1056
|
$form-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in Edge
|
|
986
1057
|
$form-range-thumb-active-bg: tint-color($component-active-bg, 70%) !default;
|
|
987
|
-
$form-range-thumb-disabled-bg: $
|
|
1058
|
+
$form-range-thumb-disabled-bg: var(--#{$prefix}secondary-color) !default;
|
|
988
1059
|
$form-range-thumb-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
|
989
1060
|
// scss-docs-end form-range-variables
|
|
990
1061
|
|
|
991
1062
|
// scss-docs-start form-file-variables
|
|
992
1063
|
$form-file-button-color: $input-color !default;
|
|
993
|
-
$form-file-button-bg: $
|
|
994
|
-
$form-file-button-hover-bg:
|
|
1064
|
+
$form-file-button-bg: var(--#{$prefix}tertiary-bg) !default;
|
|
1065
|
+
$form-file-button-hover-bg: var(--#{$prefix}secondary-bg) !default;
|
|
995
1066
|
// scss-docs-end form-file-variables
|
|
996
1067
|
|
|
997
1068
|
// scss-docs-start form-floating-variables
|
|
998
|
-
$form-floating-height:
|
|
999
|
-
$form-floating-line-height:
|
|
1000
|
-
$form-floating-padding-x:
|
|
1001
|
-
$form-floating-padding-y:
|
|
1002
|
-
$form-floating-input-padding-t:
|
|
1003
|
-
$form-floating-input-padding-b:
|
|
1004
|
-
$form-floating-label-
|
|
1005
|
-
$form-floating-label-
|
|
1006
|
-
$form-floating-
|
|
1069
|
+
$form-floating-height: add(3.5rem, $input-height-border) !default;
|
|
1070
|
+
$form-floating-line-height: 1.25 !default;
|
|
1071
|
+
$form-floating-padding-x: $input-padding-x !default;
|
|
1072
|
+
$form-floating-padding-y: 1rem !default;
|
|
1073
|
+
$form-floating-input-padding-t: 1.625rem !default;
|
|
1074
|
+
$form-floating-input-padding-b: .625rem !default;
|
|
1075
|
+
$form-floating-label-height: 1.5em !default;
|
|
1076
|
+
$form-floating-label-opacity: .65 !default;
|
|
1077
|
+
$form-floating-label-transform: scale(.85) translateY(-.5rem) translateX(.15rem) !default;
|
|
1078
|
+
$form-floating-label-disabled-color: $gray-600 !default;
|
|
1079
|
+
$form-floating-transition: opacity .1s ease-in-out, transform .1s ease-in-out !default;
|
|
1007
1080
|
// scss-docs-end form-floating-variables
|
|
1008
1081
|
|
|
1009
1082
|
// Form validation
|
|
@@ -1021,15 +1094,30 @@ $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
|
|
|
1021
1094
|
$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;
|
|
1022
1095
|
// scss-docs-end form-feedback-variables
|
|
1023
1096
|
|
|
1097
|
+
// scss-docs-start form-validation-colors
|
|
1098
|
+
$form-valid-color: $form-feedback-valid-color !default;
|
|
1099
|
+
$form-valid-border-color: $form-feedback-valid-color !default;
|
|
1100
|
+
$form-invalid-color: $form-feedback-invalid-color !default;
|
|
1101
|
+
$form-invalid-border-color: $form-feedback-invalid-color !default;
|
|
1102
|
+
// scss-docs-end form-validation-colors
|
|
1103
|
+
|
|
1024
1104
|
// scss-docs-start form-validation-states
|
|
1025
1105
|
$form-validation-states: (
|
|
1026
1106
|
"valid": (
|
|
1027
|
-
"color": $form-
|
|
1028
|
-
"icon": $form-feedback-icon-valid
|
|
1107
|
+
"color": var(--#{$prefix}form-valid-color),
|
|
1108
|
+
"icon": $form-feedback-icon-valid,
|
|
1109
|
+
"tooltip-color": #fff,
|
|
1110
|
+
"tooltip-bg-color": var(--#{$prefix}success),
|
|
1111
|
+
"focus-box-shadow": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}success-rgb), $input-btn-focus-color-opacity),
|
|
1112
|
+
"border-color": var(--#{$prefix}form-valid-border-color),
|
|
1029
1113
|
),
|
|
1030
1114
|
"invalid": (
|
|
1031
|
-
"color": $form-
|
|
1032
|
-
"icon": $form-feedback-icon-invalid
|
|
1115
|
+
"color": var(--#{$prefix}form-invalid-color),
|
|
1116
|
+
"icon": $form-feedback-icon-invalid,
|
|
1117
|
+
"tooltip-color": #fff,
|
|
1118
|
+
"tooltip-bg-color": var(--#{$prefix}danger),
|
|
1119
|
+
"focus-box-shadow": 0 0 $input-btn-focus-blur $input-focus-width rgba(var(--#{$prefix}danger-rgb), $input-btn-focus-color-opacity),
|
|
1120
|
+
"border-color": var(--#{$prefix}form-invalid-border-color),
|
|
1033
1121
|
)
|
|
1034
1122
|
) !default;
|
|
1035
1123
|
// scss-docs-end form-validation-states
|
|
@@ -1052,6 +1140,16 @@ $zindex-tooltip: 1080 !default;
|
|
|
1052
1140
|
$zindex-toast: 1090 !default;
|
|
1053
1141
|
// scss-docs-end zindex-stack
|
|
1054
1142
|
|
|
1143
|
+
// scss-docs-start zindex-levels-map
|
|
1144
|
+
$zindex-levels: (
|
|
1145
|
+
n1: -1,
|
|
1146
|
+
0: 0,
|
|
1147
|
+
1: 1,
|
|
1148
|
+
2: 2,
|
|
1149
|
+
3: 3
|
|
1150
|
+
) !default;
|
|
1151
|
+
// scss-docs-end zindex-levels-map
|
|
1152
|
+
|
|
1055
1153
|
|
|
1056
1154
|
// Navs
|
|
1057
1155
|
|
|
@@ -1063,19 +1161,24 @@ $nav-link-font-weight: null !default;
|
|
|
1063
1161
|
$nav-link-color: var(--#{$prefix}link-color) !default;
|
|
1064
1162
|
$nav-link-hover-color: var(--#{$prefix}link-hover-color) !default;
|
|
1065
1163
|
$nav-link-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out !default;
|
|
1066
|
-
$nav-link-disabled-color: $
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
$nav-tabs-border-
|
|
1070
|
-
$nav-tabs-border-
|
|
1071
|
-
$nav-tabs-
|
|
1072
|
-
$nav-tabs-link-
|
|
1073
|
-
$nav-tabs-link-active-
|
|
1074
|
-
$nav-tabs-link-active-
|
|
1075
|
-
|
|
1076
|
-
|
|
1164
|
+
$nav-link-disabled-color: var(--#{$prefix}secondary-color) !default;
|
|
1165
|
+
$nav-link-focus-box-shadow: $focus-ring-box-shadow !default;
|
|
1166
|
+
|
|
1167
|
+
$nav-tabs-border-color: var(--#{$prefix}border-color) !default;
|
|
1168
|
+
$nav-tabs-border-width: var(--#{$prefix}border-width) !default;
|
|
1169
|
+
$nav-tabs-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1170
|
+
$nav-tabs-link-hover-border-color: var(--#{$prefix}secondary-bg) var(--#{$prefix}secondary-bg) $nav-tabs-border-color !default;
|
|
1171
|
+
$nav-tabs-link-active-color: var(--#{$prefix}emphasis-color) !default;
|
|
1172
|
+
$nav-tabs-link-active-bg: var(--#{$prefix}body-bg) !default;
|
|
1173
|
+
$nav-tabs-link-active-border-color: var(--#{$prefix}border-color) var(--#{$prefix}border-color) $nav-tabs-link-active-bg !default;
|
|
1174
|
+
|
|
1175
|
+
$nav-pills-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1077
1176
|
$nav-pills-link-active-color: $component-active-color !default;
|
|
1078
1177
|
$nav-pills-link-active-bg: $component-active-bg !default;
|
|
1178
|
+
|
|
1179
|
+
$nav-underline-gap: 1rem !default;
|
|
1180
|
+
$nav-underline-border-width: .125rem !default;
|
|
1181
|
+
$nav-underline-link-active-color: var(--#{$prefix}emphasis-color) !default;
|
|
1079
1182
|
// scss-docs-end nav-variables
|
|
1080
1183
|
|
|
1081
1184
|
|
|
@@ -1101,12 +1204,13 @@ $navbar-toggler-border-radius: $btn-border-radius !default;
|
|
|
1101
1204
|
$navbar-toggler-focus-width: $btn-focus-width !default;
|
|
1102
1205
|
$navbar-toggler-transition: box-shadow .15s ease-in-out !default;
|
|
1103
1206
|
|
|
1104
|
-
$navbar-light-color: rgba($
|
|
1105
|
-
$navbar-light-hover-color: rgba($
|
|
1106
|
-
$navbar-light-active-color: rgba($
|
|
1107
|
-
$navbar-light-disabled-color: rgba($
|
|
1108
|
-
$navbar-light-
|
|
1109
|
-
$navbar-light-toggler-
|
|
1207
|
+
$navbar-light-color: rgba(var(--#{$prefix}emphasis-color-rgb), .65) !default;
|
|
1208
|
+
$navbar-light-hover-color: rgba(var(--#{$prefix}emphasis-color-rgb), .8) !default;
|
|
1209
|
+
$navbar-light-active-color: rgba(var(--#{$prefix}emphasis-color-rgb), 1) !default;
|
|
1210
|
+
$navbar-light-disabled-color: rgba(var(--#{$prefix}emphasis-color-rgb), .3) !default;
|
|
1211
|
+
$navbar-light-icon-color: rgba($body-color, .75) !default;
|
|
1212
|
+
$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-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
|
|
1213
|
+
$navbar-light-toggler-border-color: rgba(var(--#{$prefix}emphasis-color-rgb), .15) !default;
|
|
1110
1214
|
$navbar-light-brand-color: $navbar-light-active-color !default;
|
|
1111
1215
|
$navbar-light-brand-hover-color: $navbar-light-active-color !default;
|
|
1112
1216
|
// scss-docs-end navbar-variables
|
|
@@ -1116,7 +1220,8 @@ $navbar-dark-color: rgba($white, .55) !default;
|
|
|
1116
1220
|
$navbar-dark-hover-color: rgba($white, .75) !default;
|
|
1117
1221
|
$navbar-dark-active-color: $white !default;
|
|
1118
1222
|
$navbar-dark-disabled-color: rgba($white, .25) !default;
|
|
1119
|
-
$navbar-dark-
|
|
1223
|
+
$navbar-dark-icon-color: $navbar-dark-color !default;
|
|
1224
|
+
$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-icon-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
|
|
1120
1225
|
$navbar-dark-toggler-border-color: rgba($white, .1) !default;
|
|
1121
1226
|
$navbar-dark-brand-color: $navbar-dark-active-color !default;
|
|
1122
1227
|
$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
|
|
@@ -1133,24 +1238,24 @@ $dropdown-padding-x: 0 !default;
|
|
|
1133
1238
|
$dropdown-padding-y: .5rem !default;
|
|
1134
1239
|
$dropdown-spacer: .125rem !default;
|
|
1135
1240
|
$dropdown-font-size: $font-size-base !default;
|
|
1136
|
-
$dropdown-color: $body-color !default;
|
|
1137
|
-
$dropdown-bg: $
|
|
1241
|
+
$dropdown-color: var(--#{$prefix}body-color) !default;
|
|
1242
|
+
$dropdown-bg: var(--#{$prefix}body-bg) !default;
|
|
1138
1243
|
$dropdown-border-color: var(--#{$prefix}border-color-translucent) !default;
|
|
1139
|
-
$dropdown-border-radius: $border-radius !default;
|
|
1140
|
-
$dropdown-border-width: $border-width !default;
|
|
1141
|
-
$dropdown-inner-border-radius:
|
|
1244
|
+
$dropdown-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1245
|
+
$dropdown-border-width: var(--#{$prefix}border-width) !default;
|
|
1246
|
+
$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default; // stylelint-disable-line function-disallowed-list
|
|
1142
1247
|
$dropdown-divider-bg: $dropdown-border-color !default;
|
|
1143
1248
|
$dropdown-divider-margin-y: $spacer * .5 !default;
|
|
1144
1249
|
$dropdown-box-shadow: $box-shadow !default;
|
|
1145
1250
|
|
|
1146
|
-
$dropdown-link-color: $
|
|
1147
|
-
$dropdown-link-hover-color:
|
|
1148
|
-
$dropdown-link-hover-bg: $
|
|
1251
|
+
$dropdown-link-color: var(--#{$prefix}body-color) !default;
|
|
1252
|
+
$dropdown-link-hover-color: $dropdown-link-color !default;
|
|
1253
|
+
$dropdown-link-hover-bg: var(--#{$prefix}tertiary-bg) !default;
|
|
1149
1254
|
|
|
1150
1255
|
$dropdown-link-active-color: $component-active-color !default;
|
|
1151
1256
|
$dropdown-link-active-bg: $component-active-bg !default;
|
|
1152
1257
|
|
|
1153
|
-
$dropdown-link-disabled-color: $
|
|
1258
|
+
$dropdown-link-disabled-color: var(--#{$prefix}tertiary-color) !default;
|
|
1154
1259
|
|
|
1155
1260
|
$dropdown-item-padding-y: $spacer * .25 !default;
|
|
1156
1261
|
$dropdown-item-padding-x: $spacer !default;
|
|
@@ -1192,33 +1297,33 @@ $pagination-padding-x-lg: 1.5rem !default;
|
|
|
1192
1297
|
$pagination-font-size: $font-size-base !default;
|
|
1193
1298
|
|
|
1194
1299
|
$pagination-color: var(--#{$prefix}link-color) !default;
|
|
1195
|
-
$pagination-bg: $
|
|
1196
|
-
$pagination-border-radius: $border-radius !default;
|
|
1197
|
-
$pagination-border-width: $border-width !default;
|
|
1198
|
-
$pagination-margin-start: ($pagination-border-width * -1) !default;
|
|
1199
|
-
$pagination-border-color: $
|
|
1300
|
+
$pagination-bg: var(--#{$prefix}body-bg) !default;
|
|
1301
|
+
$pagination-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1302
|
+
$pagination-border-width: var(--#{$prefix}border-width) !default;
|
|
1303
|
+
$pagination-margin-start: calc(#{$pagination-border-width} * -1) !default; // stylelint-disable-line function-disallowed-list
|
|
1304
|
+
$pagination-border-color: var(--#{$prefix}border-color) !default;
|
|
1200
1305
|
|
|
1201
1306
|
$pagination-focus-color: var(--#{$prefix}link-hover-color) !default;
|
|
1202
|
-
$pagination-focus-bg: $
|
|
1203
|
-
$pagination-focus-box-shadow: $
|
|
1307
|
+
$pagination-focus-bg: var(--#{$prefix}secondary-bg) !default;
|
|
1308
|
+
$pagination-focus-box-shadow: $focus-ring-box-shadow !default;
|
|
1204
1309
|
$pagination-focus-outline: 0 !default;
|
|
1205
1310
|
|
|
1206
1311
|
$pagination-hover-color: var(--#{$prefix}link-hover-color) !default;
|
|
1207
|
-
$pagination-hover-bg: $
|
|
1208
|
-
$pagination-hover-border-color: $
|
|
1312
|
+
$pagination-hover-bg: var(--#{$prefix}tertiary-bg) !default;
|
|
1313
|
+
$pagination-hover-border-color: var(--#{$prefix}border-color) !default; // Todo in v6: remove this?
|
|
1209
1314
|
|
|
1210
1315
|
$pagination-active-color: $component-active-color !default;
|
|
1211
1316
|
$pagination-active-bg: $component-active-bg !default;
|
|
1212
|
-
$pagination-active-border-color: $
|
|
1317
|
+
$pagination-active-border-color: $component-active-bg !default;
|
|
1213
1318
|
|
|
1214
|
-
$pagination-disabled-color: $
|
|
1215
|
-
$pagination-disabled-bg: $
|
|
1216
|
-
$pagination-disabled-border-color: $
|
|
1319
|
+
$pagination-disabled-color: var(--#{$prefix}secondary-color) !default;
|
|
1320
|
+
$pagination-disabled-bg: var(--#{$prefix}secondary-bg) !default;
|
|
1321
|
+
$pagination-disabled-border-color: var(--#{$prefix}border-color) !default;
|
|
1217
1322
|
|
|
1218
1323
|
$pagination-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;
|
|
1219
1324
|
|
|
1220
|
-
$pagination-border-radius-sm: $border-radius-sm !default;
|
|
1221
|
-
$pagination-border-radius-lg: $border-radius-lg !default;
|
|
1325
|
+
$pagination-border-radius-sm: var(--#{$prefix}border-radius-sm) !default;
|
|
1326
|
+
$pagination-border-radius-lg: var(--#{$prefix}border-radius-lg) !default;
|
|
1222
1327
|
// scss-docs-end pagination-variables
|
|
1223
1328
|
|
|
1224
1329
|
|
|
@@ -1235,18 +1340,20 @@ $placeholder-opacity-min: .2 !default;
|
|
|
1235
1340
|
$card-spacer-y: $spacer !default;
|
|
1236
1341
|
$card-spacer-x: $spacer !default;
|
|
1237
1342
|
$card-title-spacer-y: $spacer * .5 !default;
|
|
1238
|
-
$card-
|
|
1343
|
+
$card-title-color: null !default;
|
|
1344
|
+
$card-subtitle-color: null !default;
|
|
1345
|
+
$card-border-width: var(--#{$prefix}border-width) !default;
|
|
1239
1346
|
$card-border-color: var(--#{$prefix}border-color-translucent) !default;
|
|
1240
|
-
$card-border-radius: $border-radius !default;
|
|
1347
|
+
$card-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1241
1348
|
$card-box-shadow: null !default;
|
|
1242
1349
|
$card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
|
|
1243
1350
|
$card-cap-padding-y: $card-spacer-y * .5 !default;
|
|
1244
1351
|
$card-cap-padding-x: $card-spacer-x !default;
|
|
1245
|
-
$card-cap-bg: rgba($
|
|
1352
|
+
$card-cap-bg: rgba(var(--#{$prefix}body-color-rgb), .03) !default;
|
|
1246
1353
|
$card-cap-color: null !default;
|
|
1247
1354
|
$card-height: null !default;
|
|
1248
1355
|
$card-color: null !default;
|
|
1249
|
-
$card-bg: $
|
|
1356
|
+
$card-bg: var(--#{$prefix}body-bg) !default;
|
|
1250
1357
|
$card-img-overlay-padding: $spacer !default;
|
|
1251
1358
|
$card-group-margin: $grid-gutter-width * .5 !default;
|
|
1252
1359
|
// scss-docs-end card-variables
|
|
@@ -1256,11 +1363,11 @@ $card-group-margin: $grid-gutter-width * .5 !default;
|
|
|
1256
1363
|
// scss-docs-start accordion-variables
|
|
1257
1364
|
$accordion-padding-y: 1rem !default;
|
|
1258
1365
|
$accordion-padding-x: 1.25rem !default;
|
|
1259
|
-
$accordion-color: $body-color !default;
|
|
1260
|
-
$accordion-bg: $body-bg !default;
|
|
1261
|
-
$accordion-border-width: $border-width !default;
|
|
1366
|
+
$accordion-color: var(--#{$prefix}body-color) !default;
|
|
1367
|
+
$accordion-bg: var(--#{$prefix}body-bg) !default;
|
|
1368
|
+
$accordion-border-width: var(--#{$prefix}border-width) !default;
|
|
1262
1369
|
$accordion-border-color: var(--#{$prefix}border-color) !default;
|
|
1263
|
-
$accordion-border-radius: $border-radius !default;
|
|
1370
|
+
$accordion-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1264
1371
|
$accordion-inner-border-radius: subtract($accordion-border-radius, $accordion-border-width) !default;
|
|
1265
1372
|
|
|
1266
1373
|
$accordion-body-padding-y: $accordion-padding-y !default;
|
|
@@ -1268,18 +1375,18 @@ $accordion-body-padding-x: $accordion-padding-x !default;
|
|
|
1268
1375
|
|
|
1269
1376
|
$accordion-button-padding-y: $accordion-padding-y !default;
|
|
1270
1377
|
$accordion-button-padding-x: $accordion-padding-x !default;
|
|
1271
|
-
$accordion-button-color: $
|
|
1378
|
+
$accordion-button-color: var(--#{$prefix}body-color) !default;
|
|
1272
1379
|
$accordion-button-bg: var(--#{$prefix}accordion-bg) !default;
|
|
1273
1380
|
$accordion-transition: $btn-transition, border-radius .15s ease !default;
|
|
1274
|
-
$accordion-button-active-bg:
|
|
1275
|
-
$accordion-button-active-color:
|
|
1381
|
+
$accordion-button-active-bg: var(--#{$prefix}primary-bg-subtle) !default;
|
|
1382
|
+
$accordion-button-active-color: var(--#{$prefix}primary-text-emphasis) !default;
|
|
1276
1383
|
|
|
1277
1384
|
$accordion-button-focus-border-color: $input-focus-border-color !default;
|
|
1278
1385
|
$accordion-button-focus-box-shadow: $btn-focus-box-shadow !default;
|
|
1279
1386
|
|
|
1280
1387
|
$accordion-icon-width: 1.25rem !default;
|
|
1281
|
-
$accordion-icon-color: $
|
|
1282
|
-
$accordion-icon-active-color: $
|
|
1388
|
+
$accordion-icon-color: $body-color !default;
|
|
1389
|
+
$accordion-icon-active-color: $primary-text-emphasis !default;
|
|
1283
1390
|
$accordion-icon-transition: transform .2s ease-in-out !default;
|
|
1284
1391
|
$accordion-icon-transform: rotate(-180deg) !default;
|
|
1285
1392
|
|
|
@@ -1292,9 +1399,9 @@ $accordion-button-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w
|
|
|
1292
1399
|
// scss-docs-start tooltip-variables
|
|
1293
1400
|
$tooltip-font-size: $font-size-sm !default;
|
|
1294
1401
|
$tooltip-max-width: 200px !default;
|
|
1295
|
-
$tooltip-color: $
|
|
1296
|
-
$tooltip-bg: $
|
|
1297
|
-
$tooltip-border-radius: $border-radius !default;
|
|
1402
|
+
$tooltip-color: var(--#{$prefix}body-bg) !default;
|
|
1403
|
+
$tooltip-bg: var(--#{$prefix}emphasis-color) !default;
|
|
1404
|
+
$tooltip-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1298
1405
|
$tooltip-opacity: .9 !default;
|
|
1299
1406
|
$tooltip-padding-y: $spacer * .25 !default;
|
|
1300
1407
|
$tooltip-padding-x: $spacer * .5 !default;
|
|
@@ -1322,21 +1429,21 @@ $form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
|
|
|
1322
1429
|
|
|
1323
1430
|
// scss-docs-start popover-variables
|
|
1324
1431
|
$popover-font-size: $font-size-sm !default;
|
|
1325
|
-
$popover-bg: $
|
|
1432
|
+
$popover-bg: var(--#{$prefix}body-bg) !default;
|
|
1326
1433
|
$popover-max-width: 276px !default;
|
|
1327
|
-
$popover-border-width: $border-width !default;
|
|
1434
|
+
$popover-border-width: var(--#{$prefix}border-width) !default;
|
|
1328
1435
|
$popover-border-color: var(--#{$prefix}border-color-translucent) !default;
|
|
1329
|
-
$popover-border-radius: $border-radius-lg !default;
|
|
1330
|
-
$popover-inner-border-radius:
|
|
1436
|
+
$popover-border-radius: var(--#{$prefix}border-radius-lg) !default;
|
|
1437
|
+
$popover-inner-border-radius: calc(#{$popover-border-radius} - #{$popover-border-width}) !default; // stylelint-disable-line function-disallowed-list
|
|
1331
1438
|
$popover-box-shadow: $box-shadow !default;
|
|
1332
1439
|
|
|
1333
1440
|
$popover-header-font-size: $font-size-base !default;
|
|
1334
|
-
$popover-header-bg:
|
|
1441
|
+
$popover-header-bg: var(--#{$prefix}secondary-bg) !default;
|
|
1335
1442
|
$popover-header-color: $headings-color !default;
|
|
1336
1443
|
$popover-header-padding-y: .5rem !default;
|
|
1337
1444
|
$popover-header-padding-x: $spacer !default;
|
|
1338
1445
|
|
|
1339
|
-
$popover-body-color: $body-color !default;
|
|
1446
|
+
$popover-body-color: var(--#{$prefix}body-color) !default;
|
|
1340
1447
|
$popover-body-padding-y: $spacer !default;
|
|
1341
1448
|
$popover-body-padding-x: $spacer !default;
|
|
1342
1449
|
|
|
@@ -1359,16 +1466,16 @@ $toast-padding-x: .75rem !default;
|
|
|
1359
1466
|
$toast-padding-y: .5rem !default;
|
|
1360
1467
|
$toast-font-size: .875rem !default;
|
|
1361
1468
|
$toast-color: null !default;
|
|
1362
|
-
$toast-background-color: rgba($
|
|
1363
|
-
$toast-border-width: $border-width !default;
|
|
1469
|
+
$toast-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85) !default;
|
|
1470
|
+
$toast-border-width: var(--#{$prefix}border-width) !default;
|
|
1364
1471
|
$toast-border-color: var(--#{$prefix}border-color-translucent) !default;
|
|
1365
|
-
$toast-border-radius: $border-radius !default;
|
|
1366
|
-
$toast-box-shadow: $box-shadow !default;
|
|
1472
|
+
$toast-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1473
|
+
$toast-box-shadow: var(--#{$prefix}box-shadow) !default;
|
|
1367
1474
|
$toast-spacing: $container-padding-x !default;
|
|
1368
1475
|
|
|
1369
|
-
$toast-header-color: $
|
|
1370
|
-
$toast-header-background-color: rgba($
|
|
1371
|
-
$toast-header-border-color:
|
|
1476
|
+
$toast-header-color: var(--#{$prefix}secondary-color) !default;
|
|
1477
|
+
$toast-header-background-color: rgba(var(--#{$prefix}body-bg-rgb), .85) !default;
|
|
1478
|
+
$toast-header-border-color: $toast-border-color !default;
|
|
1372
1479
|
// scss-docs-end toast-variables
|
|
1373
1480
|
|
|
1374
1481
|
|
|
@@ -1380,7 +1487,7 @@ $badge-font-weight: $font-weight-bold !default;
|
|
|
1380
1487
|
$badge-color: $white !default;
|
|
1381
1488
|
$badge-padding-y: .35em !default;
|
|
1382
1489
|
$badge-padding-x: .65em !default;
|
|
1383
|
-
$badge-border-radius: $border-radius !default;
|
|
1490
|
+
$badge-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1384
1491
|
// scss-docs-end badge-variables
|
|
1385
1492
|
|
|
1386
1493
|
|
|
@@ -1397,10 +1504,10 @@ $modal-dialog-margin-y-sm-up: 1.75rem !default;
|
|
|
1397
1504
|
$modal-title-line-height: $line-height-base !default;
|
|
1398
1505
|
|
|
1399
1506
|
$modal-content-color: null !default;
|
|
1400
|
-
$modal-content-bg: $
|
|
1507
|
+
$modal-content-bg: var(--#{$prefix}body-bg) !default;
|
|
1401
1508
|
$modal-content-border-color: var(--#{$prefix}border-color-translucent) !default;
|
|
1402
|
-
$modal-content-border-width: $border-width !default;
|
|
1403
|
-
$modal-content-border-radius: $border-radius-lg !default;
|
|
1509
|
+
$modal-content-border-width: var(--#{$prefix}border-width) !default;
|
|
1510
|
+
$modal-content-border-radius: var(--#{$prefix}border-radius-lg) !default;
|
|
1404
1511
|
$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
|
|
1405
1512
|
$modal-content-box-shadow-xs: $box-shadow-sm !default;
|
|
1406
1513
|
$modal-content-box-shadow-sm-up: $box-shadow !default;
|
|
@@ -1438,24 +1545,26 @@ $modal-scale-transform: scale(1.02) !default;
|
|
|
1438
1545
|
$alert-padding-y: $spacer !default;
|
|
1439
1546
|
$alert-padding-x: $spacer !default;
|
|
1440
1547
|
$alert-margin-bottom: 1rem !default;
|
|
1441
|
-
$alert-border-radius: $border-radius !default;
|
|
1548
|
+
$alert-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1442
1549
|
$alert-link-font-weight: $font-weight-bold !default;
|
|
1443
|
-
$alert-border-width: $border-width !default;
|
|
1444
|
-
$alert-bg-scale: -80% !default;
|
|
1445
|
-
$alert-border-scale: -70% !default;
|
|
1446
|
-
$alert-color-scale: 40% !default;
|
|
1550
|
+
$alert-border-width: var(--#{$prefix}border-width) !default;
|
|
1447
1551
|
$alert-dismissible-padding-r: $alert-padding-x * 3 !default; // 3x covers width of x plus default padding on either side
|
|
1448
1552
|
// scss-docs-end alert-variables
|
|
1449
1553
|
|
|
1554
|
+
// fusv-disable
|
|
1555
|
+
$alert-bg-scale: -80% !default; // Deprecated in v5.2.0, to be removed in v6
|
|
1556
|
+
$alert-border-scale: -70% !default; // Deprecated in v5.2.0, to be removed in v6
|
|
1557
|
+
$alert-color-scale: 40% !default; // Deprecated in v5.2.0, to be removed in v6
|
|
1558
|
+
// fusv-enable
|
|
1450
1559
|
|
|
1451
1560
|
// Progress bars
|
|
1452
1561
|
|
|
1453
1562
|
// scss-docs-start progress-variables
|
|
1454
1563
|
$progress-height: 1rem !default;
|
|
1455
1564
|
$progress-font-size: $font-size-base * .75 !default;
|
|
1456
|
-
$progress-bg: $
|
|
1457
|
-
$progress-border-radius: $border-radius !default;
|
|
1458
|
-
$progress-box-shadow: $box-shadow-inset !default;
|
|
1565
|
+
$progress-bg: var(--#{$prefix}secondary-bg) !default;
|
|
1566
|
+
$progress-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1567
|
+
$progress-box-shadow: var(--#{$prefix}box-shadow-inset) !default;
|
|
1459
1568
|
$progress-bar-color: $white !default;
|
|
1460
1569
|
$progress-bar-bg: $primary !default;
|
|
1461
1570
|
$progress-bar-animation-timing: 1s linear infinite !default;
|
|
@@ -1466,30 +1575,32 @@ $progress-bar-transition: width .6s ease !default;
|
|
|
1466
1575
|
// List group
|
|
1467
1576
|
|
|
1468
1577
|
// scss-docs-start list-group-variables
|
|
1469
|
-
$list-group-color: $
|
|
1470
|
-
$list-group-bg: $
|
|
1471
|
-
$list-group-border-color:
|
|
1472
|
-
$list-group-border-width: $border-width !default;
|
|
1473
|
-
$list-group-border-radius: $border-radius !default;
|
|
1578
|
+
$list-group-color: var(--#{$prefix}body-color) !default;
|
|
1579
|
+
$list-group-bg: var(--#{$prefix}body-bg) !default;
|
|
1580
|
+
$list-group-border-color: var(--#{$prefix}border-color) !default;
|
|
1581
|
+
$list-group-border-width: var(--#{$prefix}border-width) !default;
|
|
1582
|
+
$list-group-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1474
1583
|
|
|
1475
1584
|
$list-group-item-padding-y: $spacer * .5 !default;
|
|
1476
1585
|
$list-group-item-padding-x: $spacer !default;
|
|
1477
|
-
|
|
1478
|
-
$list-group-item-
|
|
1586
|
+
// fusv-disable
|
|
1587
|
+
$list-group-item-bg-scale: -80% !default; // Deprecated in v5.3.0
|
|
1588
|
+
$list-group-item-color-scale: 40% !default; // Deprecated in v5.3.0
|
|
1589
|
+
// fusv-enable
|
|
1479
1590
|
|
|
1480
|
-
$list-group-hover-bg: $
|
|
1591
|
+
$list-group-hover-bg: var(--#{$prefix}tertiary-bg) !default;
|
|
1481
1592
|
$list-group-active-color: $component-active-color !default;
|
|
1482
1593
|
$list-group-active-bg: $component-active-bg !default;
|
|
1483
1594
|
$list-group-active-border-color: $list-group-active-bg !default;
|
|
1484
1595
|
|
|
1485
|
-
$list-group-disabled-color: $
|
|
1596
|
+
$list-group-disabled-color: var(--#{$prefix}secondary-color) !default;
|
|
1486
1597
|
$list-group-disabled-bg: $list-group-bg !default;
|
|
1487
1598
|
|
|
1488
|
-
$list-group-action-color: $
|
|
1489
|
-
$list-group-action-hover-color: $
|
|
1599
|
+
$list-group-action-color: var(--#{$prefix}secondary-color) !default;
|
|
1600
|
+
$list-group-action-hover-color: var(--#{$prefix}emphasis-color) !default;
|
|
1490
1601
|
|
|
1491
|
-
$list-group-action-active-color: $body-color !default;
|
|
1492
|
-
$list-group-action-active-bg: $
|
|
1602
|
+
$list-group-action-active-color: var(--#{$prefix}body-color) !default;
|
|
1603
|
+
$list-group-action-active-bg: var(--#{$prefix}secondary-bg) !default;
|
|
1493
1604
|
// scss-docs-end list-group-variables
|
|
1494
1605
|
|
|
1495
1606
|
|
|
@@ -1497,11 +1608,11 @@ $list-group-action-active-bg: $gray-200 !default;
|
|
|
1497
1608
|
|
|
1498
1609
|
// scss-docs-start thumbnail-variables
|
|
1499
1610
|
$thumbnail-padding: .25rem !default;
|
|
1500
|
-
$thumbnail-bg: $body-bg !default;
|
|
1501
|
-
$thumbnail-border-width: $border-width !default;
|
|
1611
|
+
$thumbnail-bg: var(--#{$prefix}body-bg) !default;
|
|
1612
|
+
$thumbnail-border-width: var(--#{$prefix}border-width) !default;
|
|
1502
1613
|
$thumbnail-border-color: var(--#{$prefix}border-color) !default;
|
|
1503
|
-
$thumbnail-border-radius: $border-radius !default;
|
|
1504
|
-
$thumbnail-box-shadow: $box-shadow-sm !default;
|
|
1614
|
+
$thumbnail-border-radius: var(--#{$prefix}border-radius) !default;
|
|
1615
|
+
$thumbnail-box-shadow: var(--#{$prefix}box-shadow-sm) !default;
|
|
1505
1616
|
// scss-docs-end thumbnail-variables
|
|
1506
1617
|
|
|
1507
1618
|
|
|
@@ -1509,7 +1620,7 @@ $thumbnail-box-shadow: $box-shadow-sm !default;
|
|
|
1509
1620
|
|
|
1510
1621
|
// scss-docs-start figure-variables
|
|
1511
1622
|
$figure-caption-font-size: $small-font-size !default;
|
|
1512
|
-
$figure-caption-color: $
|
|
1623
|
+
$figure-caption-color: var(--#{$prefix}secondary-color) !default;
|
|
1513
1624
|
// scss-docs-end figure-variables
|
|
1514
1625
|
|
|
1515
1626
|
|
|
@@ -1522,8 +1633,8 @@ $breadcrumb-padding-x: 0 !default;
|
|
|
1522
1633
|
$breadcrumb-item-padding-x: .5rem !default;
|
|
1523
1634
|
$breadcrumb-margin-bottom: 1rem !default;
|
|
1524
1635
|
$breadcrumb-bg: null !default;
|
|
1525
|
-
$breadcrumb-divider-color: $
|
|
1526
|
-
$breadcrumb-active-color: $
|
|
1636
|
+
$breadcrumb-divider-color: var(--#{$prefix}secondary-color) !default;
|
|
1637
|
+
$breadcrumb-active-color: var(--#{$prefix}secondary-color) !default;
|
|
1527
1638
|
$breadcrumb-divider: quote("/") !default;
|
|
1528
1639
|
$breadcrumb-divider-flipped: $breadcrumb-divider !default;
|
|
1529
1640
|
$breadcrumb-border-radius: null !default;
|
|
@@ -1592,7 +1703,7 @@ $btn-close-padding-x: .25em !default;
|
|
|
1592
1703
|
$btn-close-padding-y: $btn-close-padding-x !default;
|
|
1593
1704
|
$btn-close-color: $black !default;
|
|
1594
1705
|
$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;
|
|
1595
|
-
$btn-close-focus-shadow: $
|
|
1706
|
+
$btn-close-focus-shadow: $focus-ring-box-shadow !default;
|
|
1596
1707
|
$btn-close-opacity: .5 !default;
|
|
1597
1708
|
$btn-close-hover-opacity: .75 !default;
|
|
1598
1709
|
$btn-close-focus-opacity: 1 !default;
|
|
@@ -1612,8 +1723,8 @@ $offcanvas-transition-duration: .3s !default;
|
|
|
1612
1723
|
$offcanvas-border-color: $modal-content-border-color !default;
|
|
1613
1724
|
$offcanvas-border-width: $modal-content-border-width !default;
|
|
1614
1725
|
$offcanvas-title-line-height: $modal-title-line-height !default;
|
|
1615
|
-
$offcanvas-bg-color: $
|
|
1616
|
-
$offcanvas-color: $
|
|
1726
|
+
$offcanvas-bg-color: var(--#{$prefix}body-bg) !default;
|
|
1727
|
+
$offcanvas-color: var(--#{$prefix}body-color) !default;
|
|
1617
1728
|
$offcanvas-box-shadow: $modal-content-box-shadow-xs !default;
|
|
1618
1729
|
$offcanvas-backdrop-bg: $modal-backdrop-bg !default;
|
|
1619
1730
|
$offcanvas-backdrop-opacity: $modal-backdrop-opacity !default;
|