Create Location page

2021-10-07 14:47:37 +02:00
parent 1257c1458c
commit c66b8b0d90
3 changed files with 50 additions and 1 deletions
--- a/src/style/pages/_location.scss
+++ b/src/style/pages/_location.scss
@@ -0,0 +1,38 @@
+// Location Page
+.location {
+    // Houses Of Title
+    &__title {
+        max-width: 1164px;
+        margin: 0 auto;
+        padding: 0 32px;
+        font-family: $font-serif;
+        line-height: 1;
+        text-transform: uppercase;
+        color: $color-lightpurple;
+        font-size: rem(56px);
+
+        strong {
+            display: block;
+            font-size: clamp(48px, 16vw, 160px);
+            color: $color-secondary;
+            font-weight: 300;
+            text-transform: none;
+        }
+
+        .housesof {
+            grid-column: span var(--columns);
+            display: flex;
+            align-items: baseline;
+            // margin-left: -10vw;
+
+            span {
+                margin-left: 24px;
+            }
+        }
+        .city {
+            grid-row: 2;
+            // grid-column: 4 / span 13;
+            text-align: center;
+        }
+    }
+}