From 689c03fda1e6db95c9555f23575c1811701ab7ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Fri, 17 Apr 2020 16:48:58 +0200
Subject: [PATCH] Globe: Reset sizes and spacing

Temp fix
---
 src/style/_animations.scss      |  2 +-
 src/style/layouts/_explore.scss |  9 ---------
 src/style/molecules/_globe.scss | 17 ++++-------------
 src/style/pages/_homepage.scss  |  7 -------
 src/style/pages/_page.scss      |  2 +-
 5 files changed, 6 insertions(+), 31 deletions(-)

diff --git a/src/style/_animations.scss b/src/style/_animations.scss
index 93915ae..905ca1d 100644
--- a/src/style/_animations.scss
+++ b/src/style/_animations.scss
@@ -7,7 +7,7 @@
     left: 0;
     width: 100%;
     height: 100%;
-    z-index: 10000;
+    z-index: 400;
     overflow: hidden;
     display: flex;
     align-items: center;
diff --git a/src/style/layouts/_explore.scss b/src/style/layouts/_explore.scss
index da5ec64..38ca3c9 100644
--- a/src/style/layouts/_explore.scss
+++ b/src/style/layouts/_explore.scss
@@ -14,16 +14,7 @@
 
     // Globe
     .globe {
-        margin-top: -96px;
-        margin-bottom: -160px;
 
-        @include breakpoint (sm) {
-            margin-bottom: calc(-120px - 6vw);
-        }
-        @include breakpoint (xl) {
-            margin-top: -176px;
-            margin-bottom: -240px;
-        }
     }
 
     // Browse
diff --git a/src/style/molecules/_globe.scss b/src/style/molecules/_globe.scss
index bc9d535..c73b5ad 100644
--- a/src/style/molecules/_globe.scss
+++ b/src/style/molecules/_globe.scss
@@ -3,18 +3,12 @@
     position: relative;
     z-index: 2;
     width: 100vw;
-    height: 1040px;
+    height: 100vh;
     overflow: hidden;
     cursor: grab;
+    // pointer-events: none;
     user-select: none;
 
-    @include breakpoint (sm) {
-        height: 140vw;
-    }
-    @include breakpoint (xl) {
-        height: 2000px;
-    }
-
     // Cut
     &__cut {
         opacity: 0.5;
@@ -23,11 +17,6 @@
         height: 35vw;
         min-height: 400px;
         padding: 0;
-
-        // Partial globe
-        .globe {
-            margin-top: -18vw;
-        }
     }
 
     // Marker
@@ -42,10 +31,12 @@
         height: 8px;
         border-radius: 100%;
         opacity: 1;
+        pointer-events: auto;
         background: #ff6c89;
         will-change: transform;
 
         span {
+            pointer-events: auto;
             transition: color 0.4s $ease-quart;
         }
 
diff --git a/src/style/pages/_homepage.scss b/src/style/pages/_homepage.scss
index 7531cca..85703d7 100644
--- a/src/style/pages/_homepage.scss
+++ b/src/style/pages/_homepage.scss
@@ -80,14 +80,7 @@
 
     // Globe
     .globe {
-        margin-bottom: calc(-200px - 8vw);
 
-        @include breakpoint (sm) {
-            margin-bottom: calc(-100px - 28vw);
-        }
-        @include breakpoint (xl) {
-            margin-bottom: -550px;
-        }
     }
 
     // Browse
diff --git a/src/style/pages/_page.scss b/src/style/pages/_page.scss
index f831f53..247222c 100644
--- a/src/style/pages/_page.scss
+++ b/src/style/pages/_page.scss
@@ -93,6 +93,6 @@
 
     // Globe
     .globe__cut {
-        margin-top: 8vw;
+
     }
 }