add rollover zoom/shadow effect from wiremock.io

wiremock · Nov 17, 2023 · 421b1b3 · 421b1b3
1 parent 9e17cf2
commit 421b1b3
Showing 1 changed file with 5 additions and 9 deletions.
diff --git a/_sass/_buttons.scss b/_sass/_buttons.scss
@@ -22,12 +22,13 @@
   border-radius: $border-radius;
   cursor: pointer;
 
-  @include breakpoint($medium) {
-    display: inline-block;
+  &:hover {
+    transform: scale(1.05);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
   }
 
-  &:hover {
-    background: darken($dark-blue, 20%);
+  @include breakpoint($medium) {
+    display: inline-block;
   }
 
   .icon {
@@ -55,11 +56,6 @@
     color: $text-color !important;
     border: 1px solid $light-gray !important; // override
     background-color: #fff;
-
-    &:hover {
-      background-color: #eee;
-      color: $text-color !important;
-    }
   }
 
   /* light outline */