From a7cefa11b3be3430d4d8cd55f7543bb88fbf467e Mon Sep 17 00:00:00 2001 From: Andreas Nedbal Date: Mon, 27 Apr 2020 19:57:10 +0200 Subject: [PATCH] Add customizable hover styles to buttons --- app/assets/stylesheets/overrides/_buttons.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/app/assets/stylesheets/overrides/_buttons.scss b/app/assets/stylesheets/overrides/_buttons.scss index 2c443789..222b4112 100644 --- 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}); + } } } \ No newline at end of file