From 2df72ccda33e7376d393b9e8a82ec1aaee58f57f Mon Sep 17 00:00:00 2001 From: Brandy Carney Date: Thu, 11 Feb 2016 11:36:37 -0600 Subject: [PATCH] fix(button): fix colorized buttons on hover and outline buttons on hover references #5403 --- ionic/components/button/button.md.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/ionic/components/button/button.md.scss b/ionic/components/button/button.md.scss index 8dcc53a3ca..18cc26ed72 100644 --- a/ionic/components/button/button.md.scss +++ b/ionic/components/button/button.md.scss @@ -85,6 +85,10 @@ $button-md-small-icon-font-size: 1.4em !default; color: $fg-color; background-color: $bg-color; + &:hover:not(.disable-hover) { + background-color: $bg-color; + } + &.activated { opacity: 1; background-color: $bg-color-activated; @@ -147,6 +151,10 @@ $button-md-small-icon-font-size: 1.4em !default; color: $button-md-color; box-shadow: none; + &:hover:not(.disable-hover) { + background-color: $button-md-clear-hover-background-color; + } + &.activated { opacity: 1; box-shadow: none; @@ -170,6 +178,10 @@ $button-md-small-icon-font-size: 1.4em !default; background-color: transparent; color: $fg-color; + &:hover:not(.disable-hover) { + background-color: $button-md-clear-hover-background-color; + } + &.activated { background-color: transparent; }