Files
web/components/HotelReservation/Contact/contact.module.css
Bianca Widstam bed674df87 Merged in fix/SW-1128-side-peek (pull request #1031)
Fix/SW-1128/SW-1124 side peek and gallery

* fix(SW-1128): updated style and mobile design for sidepeek select hotel

* fix(SW-1128): update link sidepeek

* fix(SW-1124): fix padding gallery

* fix(SW-1128): fix sidepeek mobile design

* fix(SW-1128): fix mobile design

* fix(SW-1128): fix gallery icon caption


Approved-by: Niclas Edenvin
2024-12-05 07:39:06 +00:00

68 lines
1.2 KiB
CSS

.wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
gap: var(--Spacing-x2);
font-family: var(--typography-Body-Regular-fontFamily);
margin-bottom: var(--Spacing-x3);
}
.address,
.contactInfo {
display: grid;
grid-template-columns: subgrid;
grid-template-rows: subgrid;
grid-column: 1 / 3;
grid-row: 1 / 4;
}
.contactInfo > li {
font-style: normal;
list-style-type: none;
display: flex;
flex-direction: column;
min-width: 0;
}
.soMeIcons {
display: flex;
gap: var(--Spacing-x-one-and-half);
}
.ecoLabel {
width: 38px;
height: auto;
}
.ecoLabel img {
width: 100%;
height: auto;
flex-shrink: 0;
grid-column: 1 / 3;
grid-row: 4 / 4;
}
.ecoContainer {
display: flex;
align-items: center;
column-gap: var(--Spacing-x-one-and-half);
grid-column: 1 / 3;
grid-row: 4 / 4;
font-size: var(--typography-Footnote-Regular-fontSize);
line-height: ();
margin-bottom: var(--Spacing-x1);
}
.ecoLabelText {
display: flex;
color: var(--UI-Text-Medium-contrast);
flex-direction: column;
justify-content: center;
}
.link {
text-decoration: underline;
font-family: var(--typography-Body-Regular-fontFamily);
color: var(--Base-Text-High-contrast);
}