36 lines
674 B
SCSS
36 lines
674 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;
|
|
white-space: nowrap;
|
|
|
|
&.label--info {
|
|
background-color: $color-primary;
|
|
}
|
|
|
|
&.label--warning {
|
|
background-color: $color-gold;
|
|
}
|
|
|
|
&.label--error {
|
|
background-color: $color-red;
|
|
}
|
|
|
|
&.label--success {
|
|
background-color: $color-green;
|
|
}
|
|
}
|