adjust box shadow

spacehackers · Aug 8, 2022 · d2bc302 · d2bc302
1 parent e17a1a4
commit d2bc302
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -66,8 +66,8 @@ $border-radius: 6px;
 .leaflet-bottom.leaflet-right {
   position: fixed;
 }
-.leaflet-bottom .leaflet-control {
-  box-shadow: -6px 7px 15px #242424;
+.leaflet-bottom > .leaflet-control {
+  box-shadow: $box-shadow;
   margin-right: 28px;
   margin-bottom: 32px;
 }

diff --git a/src/shared.scss b/src/shared.scss
@@ -6,6 +6,8 @@ $mobile_breakpoint: 780px;
 $transition_speed: 500ms; // see TRANSITION_SPEED in js
 $z-index-map: 500;
 
+$box-shadow: 0 5px 15px rgb(34 34 34 / 50%);
+
 /*-- colors ---*/
 
 // light mode