@import "../vendor/bootstrap/scss/badge";

.badge {
  height: $badge-height;
  max-width: $badge-max-width;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

@each $color, $value in $badge-theme-colors {
  .badge-#{$color} {
    background-color: $value;
    border: $border-width solid $value;
    color: $white;
  }

  .badge-outline.badge-#{$color} {
    background-color: transparent;
    border: $border-width solid $value;
    color: $value;
  }
}