feat(Badge): add badge-sm

Author: mrholek

scss/_badge.scss

@@ -12,7 +12,7 @@
   color: var(--#{$variable-prefix}badge-color, $badge-color);
   text-align: center;
   white-space: nowrap;
-  vertical-align: baseline;
+  vertical-align: text-bottom;
   @include border-radius($badge-border-radius);
   @include gradient-bg();
 
@@ -27,3 +27,12 @@
   position: relative;
   top: -1px;
 }
+
+//
+// Badge Sizes
+//
+
+.badge-sm {
+  padding: $badge-padding-y-sm $badge-padding-x-sm;
+  @include font-size($badge-font-size-sm);
+}

scss/_variables.scss

@@ -1223,6 +1223,10 @@ $badge-color:                       $high-emphasis-light !default;
 $badge-padding-y:                   .35em !default;
 $badge-padding-x:                   .65em !default;
 $badge-border-radius:               $border-radius !default;
+
+$badge-font-size-sm:                .65em !default;
+$badge-padding-y-sm:                .3em !default;
+$badge-padding-x-sm:                .5em !default;
 // scss-docs-end badge-variables