ae77fa3028
Refactor TripadvisorChip * feat: create new StaticChip componeny * refactor tripadvisor chip to use ChipStatic * refactor: use TripadvisorChip everywhere * fix: use withChipStatic Approved-by: Erik Tiekstra
52 lines
821 B
CSS
52 lines
821 B
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;
|
|
}
|
|
|
|
.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);
|
|
}
|