23 lines
456 B
CSS
23 lines
456 B
CSS
.chip {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--Spacing-x1);
|
|
padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
|
|
border-radius: var(--Corner-radius-sm);
|
|
}
|
|
|
|
.blue {
|
|
background-color: var(--Scandic-Blue-00);
|
|
color: var(--UI-Semantic-Information);
|
|
}
|
|
|
|
.green {
|
|
background-color: var(--Scandic-Green-00);
|
|
color: var(--UI-Semantic-Success);
|
|
}
|
|
|
|
.red {
|
|
background-color: var(--Scandic-Red-00);
|
|
color: var(--UI-Semantic-Error);
|
|
}
|