// 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);

}