65 lines
1.1 KiB
CSS
65 lines
1.1 KiB
CSS
.hotelListingItem {
|
|
border-radius: var(--Corner-Radius-md);
|
|
overflow: hidden;
|
|
display: grid;
|
|
grid-template-rows: auto 1fr auto;
|
|
gap: var(--Space-x2);
|
|
height: 100%;
|
|
padding-bottom: var(--Space-x2);
|
|
}
|
|
|
|
.imageWrapper {
|
|
height: 220px;
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
|
|
.tripAdvisor {
|
|
position: absolute;
|
|
top: var(--Space-x2);
|
|
left: var(--Space-x2);
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--Space-x05);
|
|
background-color: var(--Surface-Primary-Default);
|
|
padding: var(--Space-x025) var(--Space-x1);
|
|
border-radius: var(--Corner-Radius-sm);
|
|
color: var(--Text-Interactive-Default);
|
|
}
|
|
|
|
.content {
|
|
padding: 0 var(--Space-x2);
|
|
display: grid;
|
|
gap: var(--Space-x15);
|
|
align-content: start;
|
|
}
|
|
|
|
.intro {
|
|
display: grid;
|
|
gap: var(--Space-x05);
|
|
}
|
|
|
|
.captions {
|
|
display: flex;
|
|
column-gap: var(--Space-x1);
|
|
flex-wrap: wrap;
|
|
color: var(--Text-Tertiary);
|
|
}
|
|
|
|
.amenityList {
|
|
display: flex;
|
|
gap: var(--Space-x025) var(--Space-x1);
|
|
flex-wrap: wrap;
|
|
color: var(--Text-Secondary);
|
|
}
|
|
|
|
.amenityItem {
|
|
display: flex;
|
|
gap: var(--Space-x05);
|
|
align-items: center;
|
|
}
|
|
|
|
.ctaWrapper {
|
|
padding: 0 var(--Space-x2);
|
|
}
|