// Labels
.label {
  @include label-base();
  @include label-variant(lighten($font-color, 5%), $bg-2-color);
  display: inline-block;
  margin-right: $unit-1;
  color: $light-color;

  &.label-sm {
    font-size: $font-size-sm;
  }

  &:last-child {
    margin-right: 0;
  }

  // Label rounded
  &.label-rounded {
    border-radius: $border-radius;
    padding-left: .4rem;
    padding-right: .4rem;
  }

  // Label colors
  &.label-primary {
    @include label-variant($light-color, $primary-color);
  }

  &.label-secondary {
    @include label-variant($primary-color, $secondary-color);
  }

  &.label-success {
    @include label-variant($light-color, $success-color);
  }

  &.label-warning {
    @include label-variant($light-color, $warning-color);
  }

  &.label-error {
    @include label-variant($light-color, $error-color);
  }
}