javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 13:01:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(button): fix colorized buttons on hover and outline buttons on hover

Browse Source 
references #5403
This commit is contained in:
Brandy Carney
2016-02-11 11:36:37 -06:00
parent fab6d9bd91
commit 2df72ccda3
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
ionic/components/button/button.md.scss
View File

@ -85,6 +85,10 @@ $button-md-small-icon-font-size: 1.4em !default;
color: $fg-color; color: $fg-color;
background-color: $bg-color; background-color: $bg-color;
&:hover:not(.disable-hover) {
background-color: $bg-color;
}
&.activated { &.activated {
opacity: 1; opacity: 1;
background-color: $bg-color-activated; background-color: $bg-color-activated;
@ -147,6 +151,10 @@ $button-md-small-icon-font-size: 1.4em !default;
color: $button-md-color; color: $button-md-color;
box-shadow: none; box-shadow: none;
&:hover:not(.disable-hover) {
background-color: $button-md-clear-hover-background-color;
}
&.activated { &.activated {
opacity: 1; opacity: 1;
box-shadow: none; box-shadow: none;
@ -170,6 +178,10 @@ $button-md-small-icon-font-size: 1.4em !default;
background-color: transparent; background-color: transparent;
color: $fg-color; color: $fg-color;
&:hover:not(.disable-hover) {
background-color: $button-md-clear-hover-background-color;
}
&.activated { &.activated {
background-color: transparent; background-color: transparent;
} }