Create the sidepeek for a specific roomtype. This also changes the lightbox to use react-aria instead of radix-ui, so we use the same for the lightbox and the sidepeek. Works better together! Approved-by: Bianca Widstam
30 lines
527 B
CSS
30 lines
527 B
CSS
.button {
|
|
margin-left: auto;
|
|
padding: 0 0 0 var(--Spacing-x-half);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.imageContainer {
|
|
min-height: 185px;
|
|
position: relative;
|
|
}
|
|
|
|
.description {
|
|
margin-top: var(--Spacing-x-one-and-half);
|
|
margin-bottom: var(--Spacing-x2);
|
|
}
|
|
.facilityList {
|
|
margin-top: var(--Spacing-x-one-and-half);
|
|
column-count: 2;
|
|
column-gap: var(--Spacing-x2);
|
|
}
|
|
.facilityList li {
|
|
display: flex;
|
|
gap: var(--Spacing-x1);
|
|
margin-bottom: var(--Spacing-x-half);
|
|
}
|
|
|
|
.noIcon {
|
|
margin-left: var(--Spacing-x4);
|
|
}
|