5f99ceee5f
accordion_table.scss refactor audit_log.scss refactor budget_chart.scss refactor delete checklist.scss dod_login_notice.scss refactor empty_state.scss refactor footer.scss refactor forms.scss refactor global_navigation.scss refactor delete member_edit.scss modal.scss refactor refactor portfolio_layout delete search_bar.scss selector.scss refactor sticky_cta.scss refactor refactor topbar.scss refactor accordions.scss refactor action_group.scss refactor block_list.scss refactor card.scss refactor icon css refactor inputs.scss refactor labels.scss refactor panel.scss sidename.scss tables.scss refactor uploader.scss application list and edit refactor home.scss refactor login.scss styles reports.scss refactor task_order.scss refactor
41 lines
707 B
SCSS
41 lines
707 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;
|
|
|
|
&--info {
|
|
background-color: $color-primary;
|
|
}
|
|
|
|
&--warning {
|
|
background-color: $color-gold;
|
|
}
|
|
|
|
&--error {
|
|
background-color: $color-red;
|
|
}
|
|
|
|
&--success {
|
|
background-color: $color-green;
|
|
}
|
|
|
|
&--purple {
|
|
background-color: $color-purple;
|
|
}
|
|
}
|