Add hover color for buttons (#270)

We already had this for the zoom controls. Now the map layer and the scorecard accordion have it.
ParkingReformNetwork · Aug 19, 2024 · 1622c3b · 1622c3b
1 parent bfb791d
commit 1622c3b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/src/css/_controls.scss b/src/css/_controls.scss
@@ -99,4 +99,8 @@ $zoom-controls-top-offset: calc(
     margin: 0;
     vertical-align: middle;
   }
+
+  &:hover {
+    background-color: colors.$hover;
+  }
 }
diff --git a/src/css/_scorecard.scss b/src/css/_scorecard.scss
@@ -71,6 +71,10 @@
   border-bottom-left-radius: borders.$border-radius;
   border-bottom-right-radius: borders.$border-radius;
 
+  &:hover {
+    background-color: colors.$hover;
+  }
+
   .scorecard-accordion-title {
     flex: 1;
   }

diff --git a/src/css/theme/_colors.scss b/src/css/theme/_colors.scss
@@ -1,5 +1,6 @@
 $teal: hsl(173, 72%, 46%);
 $white: hsl(0, 0%, 100%);
+$hover: hsl(0, 0%, 96%);
 $black: hsl(0, 0%, 0%);
 $gray: hsl(0, 0%, 25.88%); // Color comes from the logo
 $black-translucent: hsla(0, 0%, 0%, 0.4);