diff options
| -rw-r--r-- | scss/_popover.scss | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/scss/_popover.scss b/scss/_popover.scss index d43f4b0e4..cc8023e9c 100644 --- a/scss/_popover.scss +++ b/scss/_popover.scss @@ -9,6 +9,7 @@ --#{$prefix}popover-border-width: #{$popover-border-width}; --#{$prefix}popover-border-color: #{$popover-border-color}; --#{$prefix}popover-border-radius: #{$popover-border-radius}; + --#{$prefix}popover-inner-border-radius: #{$popover-inner-border-radius}; --#{$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}; @@ -57,7 +58,7 @@ .bs-popover-top { > .popover-arrow { - bottom: calc((var(--#{$prefix}popover-arrow-height)) * -1); // stylelint-disable-line function-disallowed-list + bottom: calc((var(--#{$prefix}popover-arrow-height) * -1) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list &::before, &::after { @@ -79,7 +80,7 @@ /* rtl:begin:ignore */ .bs-popover-end { > .popover-arrow { - left: calc((var(--#{$prefix}popover-arrow-height)) * -1); // stylelint-disable-line function-disallowed-list + left: calc((var(--#{$prefix}popover-arrow-height) * -1) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list width: var(--#{$prefix}popover-arrow-height); height: var(--#{$prefix}popover-arrow-width); @@ -104,7 +105,7 @@ .bs-popover-bottom { > .popover-arrow { - top: calc((var(--#{$prefix}popover-arrow-height)) * -1); // stylelint-disable-line function-disallowed-list + top: calc((var(--#{$prefix}popover-arrow-height) * -1) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list &::before, &::after { @@ -138,7 +139,7 @@ /* rtl:begin:ignore */ .bs-popover-start { > .popover-arrow { - right: calc((var(--#{$prefix}popover-arrow-height)) * -1); // stylelint-disable-line function-disallowed-list + right: calc((var(--#{$prefix}popover-arrow-height) * -1) - var(--#{$prefix}popover-border-width)); // stylelint-disable-line function-disallowed-list width: var(--#{$prefix}popover-arrow-height); height: var(--#{$prefix}popover-arrow-width); @@ -184,7 +185,7 @@ 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); - @include border-top-radius($popover-inner-border-radius); + @include border-top-radius(var(--#{$prefix}popover-inner-border-radius)); &:empty { display: none; |