feat(SW-341): add hotels listing sidepeeks

2024-09-11 12:27:54 +02:00
parent dd4d6b46b1
commit 724f429696
13 changed files with 365 additions and 64 deletions
--- a/components/HotelReservation/ReadMore/Contact/contact.module.css
+++ b/components/HotelReservation/ReadMore/Contact/contact.module.css
@@ -0,0 +1,48 @@
+.wrapper {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: auto;
+  gap: var(--Spacing-x2);
+  font-family: var(--typography-Body-Regular-fontFamily);
+}
+
+.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;
+}
+
+.heading {
+  font-weight: 500;
+}
+
+.soMeIcons {
+  display: flex;
+  gap: var(--Spacing-x-one-and-half);
+}
+
+.ecoLabel {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  column-gap: var(--Spacing-x-one-and-half);
+  grid-column: 2 / 3;
+  grid-row: 3 / 4;
+  font-size: var(--typography-Footnote-Regular-fontSize);
+  line-height: ();
+}
+
+.ecoLabelText {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}