// Labels
.label {
  @include label-base();
  @include useTheme('border-color', 'border-color');
  @include themed('colors') {
    @include label-variant(t('font-color'), t('background-light'));
  }
  border: 1px solid;
  display: inline-block;

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

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

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

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

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

  &.label-violet {
    @include label-variant($light-color, $violet-light);
    border-color: transparent;
  }
}