Location: Fix hover circle

2020-04-09 23:09:36 +02:00
parent d6671f0e94
commit e7ae106eb0
1 changed files with 7 additions and 2 deletions
--- a/src/style/molecules/_location.scss
+++ b/src/style/molecules/_location.scss
@@ -78,12 +78,17 @@
        z-index: 1;
        top: 50%;
        left: 50%;
-        transform: translate(-50%, -50%) scale(0.94);
+        transform: scale(0.6) translate(-50%, -50%);
+        transform-origin: 0 0;
        display: block;
        width: 216px;
        height: 216px;
        background: rgba($color-lightpurple, 0.3);
        border-radius: 100%;
-        transition: all 85ms ease-in-out;
+        transition: transform 0.3s $ease-quart, opacity 0.3s $ease-quart;
+
+        @include breakpoint (sm) {
+            transform: scale(0.94) translate(-50%, -50%);
+        }
    }
 }