Files
Christel Westerberg 5861f9a811 Merged in fix/STAY-133-modal-header (pull request #3330)
fix: adapt modal header to look like design

* fix: adapt modal header to look like design


Approved-by: Chuma Mcphoy (We Ahead)
Approved-by: Matilda Landström
2025-12-15 07:35:27 +00:00

56 lines
861 B
CSS

.room {
display: flex;
flex-direction: column;
gap: var(--Space-x15);
overflow-y: auto;
color: var(--Text-Default);
}
.roomTitle,
.additionalInformation {
color: var(--Text-Secondary);
}
.terms {
margin-top: var(--Space-x1);
margin-bottom: var(--Space-x3);
}
.termsText:nth-child(n) {
display: flex;
margin-bottom: var(--Space-x1);
}
.terms .termsIcon {
margin-right: var(--Space-x1);
}
.entry {
display: flex;
gap: var(--Space-x05);
justify-content: space-between;
}
.prices {
justify-items: flex-end;
flex-shrink: 0;
display: grid;
align-content: start;
}
.price {
color: var(--Text-Default);
&.discounted {
color: var(--Surface-Brand-Primary-1-OnSurface-Accent);
}
}
.strikeThroughRate {
text-decoration: line-through;
color: var(--Text-Secondary);
}
.ctaWrapper {
margin-top: var(--Space-x15);
}