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

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

View File

@@ -78,10 +78,10 @@ ion-tab {
border: 0;
border-radius: 0;
background: none;
}
.enable-hover .tab-button:hover {
color: $tab-button-text-inactive;
:hover:not(.disable-hover) {
color: $tab-button-text-inactive;
}
}
[tab-bar-icons="bottom"] .tab-button {