Merged in LOY-493/Sidepeek-upcoming-stays (pull request #3315)
LOY-493/Sidepeek upcoming stays * chore(LOY-493): Add icon to next stay card cta * chore(LOY-493): better folder org for stays * chore(LOY-494): more folder reorg * feat(LOY-493): Implement Sidepeek for Upcoming Stays Approved-by: Matilda Landström
This commit is contained in:
@@ -0,0 +1,44 @@
|
||||
.link {
|
||||
outline: 1px solid var(--Base-Border-Subtle);
|
||||
border-radius: var(--Corner-radius-md);
|
||||
overflow: hidden;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
outline-offset: 0;
|
||||
outline: 1.5px solid var(--Base-Border-Hover);
|
||||
}
|
||||
}
|
||||
|
||||
.stay {
|
||||
background-color: var(--Main-Grey-White);
|
||||
}
|
||||
|
||||
.image {
|
||||
min-height: 220px;
|
||||
object-fit: cover;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footer {
|
||||
color: var(--Scandic-Brand-Burgundy);
|
||||
display: grid;
|
||||
gap: var(--Space-x2);
|
||||
margin-top: auto;
|
||||
overflow: hidden;
|
||||
padding: var(--Space-x2);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hotel {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
|
||||
.date {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: var(--Space-x05);
|
||||
}
|
||||
Reference in New Issue
Block a user