Allow customizing Popover and Tooltip `font-size` outside of `$font-size-sm`

diff --git a/scss/_popover.scss b/scss/_popover.scss
index 3e4164398faf1d50b8bef14b648fd4dfc7e6b60a..779b58082e22dff73f785d871c88c8fd14b9815e 100644 (file)
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -8,7 +8,7 @@
   // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
   // So reset our font and text properties to avoid inheriting weird values.
   @include reset-text();
-  font-size: $font-size-sm;
+  font-size: $popover-font-size;
   // Allow breaking very long words so they don't overflow the popover's bounds
   word-wrap: break-word;
   background-color: $popover-bg;

diff --git a/scss/_tooltip.scss b/scss/_tooltip.scss
index a03de5742598df1fbccd879d0e32a64f8c696a2f..7f6a26f75a647f6e85aceb233d0a1f2df103e2d7 100644 (file)
--- a/scss/_tooltip.scss
+++ b/scss/_tooltip.scss
@@ -7,7 +7,7 @@
   // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
   // So reset our font and text properties to avoid inheriting weird values.
   @include reset-text();
-  font-size: $font-size-sm;
+  font-size: $tooltip-font-size;
   // Allow breaking very long words so they don't overflow the tooltip's bounds
   word-wrap: break-word;
   opacity: 0;

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 1c6ca3abb50b37c2eb348a30d4a53a4d64d40bef..afd05e432063d8bd48ed640b5891871182e75685 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -667,6 +667,7 @@ $card-columns-margin:               $card-spacer-y !default;
 
 // Tooltips
 
+$tooltip-font-size:           $font-size-sm !default;
 $tooltip-max-width:           200px !default;
 $tooltip-color:               $white !default;
 $tooltip-bg:                  $black !default;
@@ -682,6 +683,7 @@ $tooltip-arrow-color:         $tooltip-bg !default;
 
 // Popovers
 
+$popover-font-size:                 $font-size-sm !default;
 $popover-bg:                        $white !default;
 $popover-max-width:                 276px !default;
 $popover-border-width:              $border-width !default;