/* ###### 3.3 Badge ###### */

.badge {
  font-size: 10px;
  font-weight: 500;
  font-family: $font-family-sans-serif;
  padding: 3px 5px 4px;
}

.badge-light { background-color: $gray-300; }

.badge-pill {
  padding-left: 8px;
  padding-right: 8px;
}

/*Badge variations*/
@each $color, $value in $theme-colors {
  .badge-#{$color} {
    @include badge-variations($value);
  }
}



/*Badge outlined variations*/
@each $color, $value in $theme-colors {
  .badge-outline-#{$color} {
    @include badge-outline-variations($value);
  }
}

/*Badge inverse variations*/

@each $color,
$value in $theme-colors {
  .badge-inverse-#{$color} {
    @include badge-inverse-variations($value);
  }
}