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

refactor(hover): use :hover:not(.disable-hover)

Browse Source 
Less CSS specificity issues. Disabling hover on mobile prevents button
flickers.
This commit is contained in:
Adam Bradley
2015-09-24 13:31:35 -05:00
parent 6580f53607
commit 4d84cdae83
8 changed files with 39 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ionic/components/button/modes/md.scss
View File

@@ -33,6 +33,10 @@ button,
background-color $button-md-transition-duration $button-md-animation-curve,
color $button-md-transition-duration $button-md-animation-curve;
:hover:not(.disable-hover) {
background-color: $button-md-clear-hover-background-color;
}
&.activated {
box-shadow: $button-md-box-shadow-active;
}
@@ -85,11 +89,6 @@ button,
}
&.enable-hover button[clear]:hover,
&.enable-hover [button][clear]:hover {
background-color: $button-md-clear-hover-background-color;
}
// Material Design Button Color Mixin
// --------------------------------------------------