feat(badge): improve sizes variants' spasings

Orange-OpenSource · Aug 30, 2019 · 33b52e6 · 33b52e6
1 parent 859cc5e
commit 33b52e6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/scss/_badge.scss b/scss/_badge.scss
@@ -52,7 +52,8 @@
     @include badge-variant($value);
 
     @if $color == "info" {
-      &.badge-lg {
+      &.badge-lg,
+      &.badge-xlg {
         color: $white;
       }
     }
@@ -73,8 +74,10 @@
 
 .badge-xlg {
   @include font-size($badge-font-size-xlg);
+  padding: $badge-padding-y-lg $badge-padding-x-lg;
 }
 
 .badge-lg {
   @include font-size($badge-font-size-lg);
+  padding: $badge-padding-y-lg $badge-padding-x-lg;
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -1028,6 +1028,8 @@ $badge-font-size-xlg:               $font-size-lg !default;
 $badge-font-weight:                 $font-weight-bold !default;
 $badge-padding-y:                   .1875rem !default;
 $badge-padding-x:                   .625rem !default;
+$badge-padding-y-lg:                .125rem !default;
+$badge-padding-x-lg:                .3125rem !default;
 $badge-border-radius:               $border-radius !default;
 
 $badge-transition:                  $btn-transition !default;