Badges add Sass variable to configure `$badge-border-radius` (#24213)

diff --git a/scss/_badge.scss b/scss/_badge.scss
index fea10ebb1994023be0ee5de5f3b8ea1a928aee38..b87a1b00495abc8b00d4c813ec301c22cb320f80 100644 (file)
--- a/scss/_badge.scss
+++ b/scss/_badge.scss
@@ -12,7 +12,7 @@
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
-  @include border-radius();
+  @include border-radius($badge-border-radius);
 
   // Empty badges collapse automatically
   &:empty {

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 7b39e8b921f60351ccba2895be91b87e51946ccd..095e0ae43a64d7dfc78e3075902c809a958947c1 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -654,6 +654,7 @@ $badge-font-size:             75% !default;
 $badge-font-weight:           $font-weight-bold !default;
 $badge-padding-y:             .25em !default;
 $badge-padding-x:             .4em !default;
+$badge-border-radius:         $border-radius !default;
 
 $badge-pill-padding-x:        .6em !default;
 // Use a higher than normal value to ensure completely rounded edges when