/*           badges             */
.badge {
  border-radius: 8px;
  padding: 4px 8px;
  text-transform: uppercase;
  font-size: $font-size-mini;
  line-height: 12px;
  background-color: $transparent-bg;
  border: $border;
  margin-bottom: 5px;
  border-radius: $border-radius-extreme;
}

.badge-icon {
  padding: 0.4em 0.55em;
  i {
    font-size: 0.8em;
  }
}

.badge-default {
  @include badge-color($default-color);
}

.badge-primary {
  @include badge-color($primary-color);
}

.badge-info {
  @include badge-color($info-color);
}

.badge-success {
  @include badge-color($success-color);
}

.badge-warning {
  @include badge-color($warning-color);
}

.badge-danger {
  @include badge-color($danger-color);
}

.badge-neutral {
  @include badge-color($white-color);
}
