Create Locations page

2021-10-04 19:44:07 +02:00
parent 9bb57362f0
commit 4691c190bc
3 changed files with 117 additions and 0 deletions
--- a/src/style/pages/_explore.scss
+++ b/src/style/pages/_explore.scss
@@ -0,0 +1,49 @@
+// Explore Page
+.explore {
+    // Intro Section
+    &__intro {
+        overflow: hidden;
+        margin-bottom: 72px;
+        color: $color-tertiary;
+        text-align: center;
+
+        // Title
+        h1 {
+            color: $color-secondary;
+            line-height: 1;
+            margin-top: -20px;
+
+            @include bp (sm) {
+                margin-top: -100px;
+            }
+        }
+        // Text
+        p {
+            max-width: 350px;
+            margin: 20px auto 56px;
+
+            @include bp (sm) {
+                margin: 50px auto 72px;
+                max-width: 524px;
+            }
+        }
+    }
+
+    // Locations
+    &__locations {
+        .browse {
+            margin-bottom: 0;
+        }
+    }
+
+    // Modules
+    .grid-modules {
+        grid-column: 1 / span var(--columns);
+        margin-bottom: 0;
+
+        @include bp (sm) {
+            grid-column: 2 / span 22;
+            margin: 200px 0 72px;
+        }
+    }
+}