atst/styles/elements/_labels.scss
2018-08-03 09:09:07 -04:00

35 lines
651 B
SCSS

/*
* Labels
* @see https://designsystem.digital.gov/components/labels/
* @source https://github.com/uswds/uswds/blob/develop/src/stylesheets/elements/_labels.scss
*/
.label {
@include h5;
display: inline-block;
height: 2.4rem;
line-height: 2.4rem;
color: $color-white;
background-color: $color-gray;
vertical-align: middle;
margin: 0 $gap;
padding: 0 $gap;
border-radius: $gap / 2;
&.label--info {
background-color: $color-primary;
}
&.label--warning {
background-color: $color-gold;
}
&.label--error {
background-color: $color-red;
}
&.label--success {
background-color: $color-green;
}
}