New CSS var

diff --git a/scss/_popover.scss b/scss/_popover.scss
index 0fa7796afe630a9ae1c4a9e5ba51c7cc96d6c1de..3f1d980b21c768f283724c4112380b52e7356ebf 100644 (file)
--- a/scss/_popover.scss
+++ b/scss/_popover.scss
@@ -12,6 +12,7 @@
   --#{$prefix}popover-box-shadow: #{$popover-box-shadow};
   --#{$prefix}popover-header-padding-x: #{$popover-header-padding-x};
   --#{$prefix}popover-header-padding-y: #{$popover-header-padding-y};
+  @include rfs($popover-header-font-size, --#{$prefix}popover-header-font-size);
   --#{$prefix}popover-header-color: #{$popover-header-color};
   --#{$prefix}popover-header-bg: #{$popover-header-bg};
   --#{$prefix}popover-body-padding-x: #{$popover-body-padding-x};
@@ -183,7 +184,7 @@
 .popover-header {
   padding: var(--#{$prefix}popover-header-padding-y) var(--#{$prefix}popover-header-padding-x);
   margin-bottom: 0; // Reset the default from Reboot
-  @include font-size($font-size-base);
+  font-size: var(--#{$prefix}popover-header-font-size);
   color: var(--#{$prefix}popover-header-color);
   background-color: var(--#{$prefix}popover-header-bg);
   border-bottom: var(--#{$prefix}popover-border-width) solid var(--#{$prefix}popover-border-color);

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 637cc6becd357cb46b8f65de91e1f664a1649118..4ca9ce9a122c13f51839aca81a8fb755448973dc 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1326,6 +1326,7 @@ $popover-border-radius:             $border-radius-lg !default;
 $popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;
 $popover-box-shadow:                $box-shadow !default;
 
+$popover-header-font-size:          $font-size-base !default;
 $popover-header-bg:                 shade-color($popover-bg, 6%) !default;
 $popover-header-color:              var(--#{$prefix}heading-color) !default;
 $popover-header-padding-y:          .5rem !default;