37 lines
590 B
CSS
37 lines
590 B
CSS
.container {
|
|
display: flex;
|
|
gap: var(--Spacing-x1);
|
|
}
|
|
|
|
.card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
background-color: var(--Scandic-Blue-00);
|
|
padding: var(--Spacing-x-one-and-half);
|
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
border-radius: var(--Corner-radius-md);
|
|
}
|
|
|
|
.cardTitle {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.cardTitle > span {
|
|
color: var(--UI-Text-Placeholder);
|
|
}
|
|
|
|
.card.inactive {
|
|
background-color: transparent;
|
|
}
|
|
|
|
.priceItem {
|
|
display: flex;
|
|
gap: var(--Spacing-x1);
|
|
}
|
|
|
|
.priceItem > span {
|
|
font-weight: 400;
|
|
text-decoration: line-through;
|
|
}
|