diff options
| author | louismaxime.piton <louismaxime.piton@orange.com> | 2022-03-28 18:42:14 +0300 |
|---|---|---|
| committer | Mark Otto <otto@github.com> | 2022-04-06 23:27:56 +0300 |
| commit | 238afd94b3cad4481310666695a152885377cf1b (patch) | |
| tree | 0dc7e8310da7f0f7f2714f19e8f7bb18f9e72093 | |
| parent | 0323fe99d2b696ccb539b121387e174eaf209c17 (diff) | |
New CSS var
| -rw-r--r-- | scss/_popover.scss | 3 | ||||
| -rw-r--r-- | scss/_variables.scss | 1 |
2 files changed, 3 insertions, 1 deletions
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; |