From 777d848d064ee69d1b09801392c7edb4ebae2754 Mon Sep 17 00:00:00 2001 From: Kyle Spearrin Date: Wed, 31 Jan 2018 22:30:49 -0500 Subject: [PATCH] button hover colors --- src/scss/buttons.scss | 28 +++++++++++++++++++--------- 1 file changed, 19 insertions(+), 9 deletions(-) diff --git a/src/scss/buttons.scss b/src/scss/buttons.scss index 6e14d024e0..102852149c 100644 --- a/src/scss/buttons.scss +++ b/src/scss/buttons.scss @@ -11,13 +11,31 @@ text-align: center; cursor: pointer; - &:hover:not([disabled]), &:focus:not([disabled]) { + &.primary { + color: $button-color-primary; + } + + &.danger { + color: $button-color-danger; + } + + &:hover:not([disabled]) { cursor: pointer; background-color: darken($button-backgound-color, 1.5%); border-color: darken($button-border-color, 17%); + color: darken($button-color, 10%); + + &.primary { + color: darken($button-color-primary, 6%); + } + + &.danger { + color: darken($button-color-danger, 6%); + } } &:focus:not([disabled]) { + cursor: pointer; background-color: darken($button-backgound-color, 6%); border-color: darken($button-border-color, 25%); outline: 0; @@ -28,14 +46,6 @@ cursor: default; } - &.primary { - color: $button-color-primary; - } - - &.danger { - color: $button-color-danger; - } - &.block { display: block; width: 100%;