feat(SW-2278): Added hotel listing to campaign page

Approved-by: Matilda Landström

apps/scandic-web/components/Blocks/CampaignHotelListing/campaignHotelListing.module.css

@@ -0,0 +1,56 @@
+.hotelListingSection {
+  --scroll-margin-top: calc(
+    var(--booking-widget-mobile-height) + var(--Spacing-x2)
+  );
+
+  display: grid;
+  gap: var(--Space-x3);
+  scroll-margin-top: var(--scroll-margin-top);
+}
+
+.heading {
+  color: var(--Text-Heading);
+}
+
+.list {
+  list-style: none;
+  display: grid;
+  gap: var(--Space-x4);
+}
+
+.listItem.hidden {
+  display: none;
+}
+
+@media screen and (min-width: 768px) {
+  .hotelListingSection {
+    --scroll-margin-top: calc(
+      var(--booking-widget-tablet-height) + var(--Spacing-x2)
+    );
+    gap: var(--Space-x5);
+  }
+  .list {
+    row-gap: var(--Space-x5);
+    column-gap: var(--Space-x2);
+  }
+}
+
+@media screen and (min-width: 768px) and (max-width: 949px) {
+  .list {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media screen and (min-width: 950px) {
+  .list {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+@media screen and (min-width: 1367px) {
+  .hotelListingSection {
+    --scroll-margin-top: calc(
+      var(--booking-widget-desktop-height) + var(--Spacing-x2)
+    );
+  }
+}