style opening hours

2024-07-10 16:13:49 +02:00
parent 6288ffa050
commit 77a356834c
3 changed files with 57 additions and 11 deletions
--- a/web/src/components/blocks/openingHoursSectionBlock.module.scss
+++ b/web/src/components/blocks/openingHoursSectionBlock.module.scss
@ -0,0 +1,41 @@
+.openingHoursSection {
+  display: grid;
+  grid-template-columns: repeat(12, 1fr);
+  column-gap: var(--spacing-gap-column);
+  row-gap: var(--spacing-gap-row);
+
+  p {
+      grid-column: 2 / span 10;
+  }
+}
+
+.openingHoursSubsection {
+  grid-column: span 5;
+  margin: 1rem 0 0;
+
+  &:nth-of-type(odd) {
+    grid-column: 2 / span 5;
+  }
+
+  h3 {
+    margin-bottom: .5rem;
+  }
+}
+
+.dayRange {
+  &:first-letter {
+    text-transform: capitalize;
+  }
+}
+
+@media (max-width: 1000px) {
+  .openingHoursSection {
+    p {
+      grid-column: 1 / -1;
+    }
+  }
+  .openingHoursSubsection,
+  .openingHoursSubsection:nth-of-type(odd) {
+    grid-column: 1 / -1;
+  }
+}