⚠️ The interactive globe has arrived (WIP but pretty good)

- Control the width/height of the globe via CSS
2020-04-09 20:22:10 +02:00
parent 08c541c37a
commit 7a44d5b0ed
11 changed files with 208 additions and 121 deletions
--- a/src/style/layouts/_explore.scss
+++ b/src/style/layouts/_explore.scss
@@ -11,8 +11,21 @@
        }
    }

+    // Globe
+    .globe {
+        margin-top: -25vw;
+        margin-bottom: -18vw;
+
+        @include breakpoint (xl) {
+            margin-top: -320px;
+            margin-bottom: -320px;
+        }
+    }
+
    // Browse
    .browse {
+        position: relative;
+        z-index: 3;
        padding-left: 0;
        padding-right: 0;
    }