adjust box shadow

basilleaf · basilleaf · commit d2bc302c597b · 2022-08-08T11:13:53.000-07:00
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

Original file line number	Diff line number	Diff line change
`@@ -66,8 +66,8 @@ $border-radius: 6px;`
`66`	`66`	`.leaflet-bottom.leaflet-right {`
`67`	`67`	`position: fixed;`
`68`	`68`	`}`
`69`		`-.leaflet-bottom .leaflet-control {`
`70`		`- box-shadow: -6px 7px 15px #242424;`
	`69`	`+.leaflet-bottom > .leaflet-control {`
	`70`	`+ box-shadow: $box-shadow;`
`71`	`71`	`margin-right: 28px;`
`72`	`72`	`margin-bottom: 32px;`
`73`	`73`	`}`