From 238afd94b3cad4481310666695a152885377cf1b Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Mon, 28 Mar 2022 17:42:14 +0200 Subject: [PATCH] New CSS var --- scss/_popover.scss | 3 ++- scss/_variables.scss | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/scss/_popover.scss b/scss/_popover.scss index 0fa7796afe..3f1d980b21 100644 --- 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 637cc6becd..4ca9ce9a12 100644 --- 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;