Add customizable hover styles to buttons

2020-04-27 19:57:10 +02:00 · 2020-04-27 19:57:10 +02:00 · a7cefa11b3
parent 1951779c00
commit a7cefa11b3
1 changed files with 8 additions and 0 deletions
--- a/app/assets/stylesheets/overrides/_buttons.scss
+++ b/app/assets/stylesheets/overrides/_buttons.scss
@ -10,5 +10,13 @@ $colors: (
  .btn-#{$color} {
    background-color: var(--#{$color});
    border-color: var(--#{$color});
+
+    &:hover {
+      background: linear-gradient(
+        to top,
+        rgba(0, 0, 0, 0.10),
+        rgba(0, 0, 0, 0.10)
+      ) var(--#{$color});
+    }
  }
 }