// Labels

// Provide a wrapper to ensure labels stick together
.labels {
  position: relative;
}

// Default label

.label, // TODO: Deprecte
.Label {
  @include labels-base;
  background-color: transparent !important; // TODO: Remove again
  border-color: var(--color-label-border);

  &:hover {
    text-decoration: none;
  }
}

// Large

.Label--large {
  @include labels-large;
}

// Inline

.Label--inline {
  @include labels--inline;
}

// Colors

.Label--primary {
  color: var(--color-label-primary-text);
  border-color: var(--color-label-primary-border);
}

.Label--secondary {
  color: var(--color-label-secondary-text);
  border-color: var(--color-label-secondary-border);
}

.Label--info {
  color: var(--color-label-info-text);
  border-color: var(--color-label-info-border);
}

.Label--success {
  color: var(--color-label-success-text);
  border-color: var(--color-label-success-border);
}

.Label--warning {
  color: var(--color-label-warning-text);
  border-color: var(--color-label-warning-border);
}

.Label--danger {
  color: var(--color-label-danger-text);
  border-color: var(--color-label-danger-border);
}