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

fix(button/chip): move hover styles into media query (#16664)

Browse Source 
This ensures that all :hover styles live inside a (any-hover: hover)
media query.

closes #16108
This commit is contained in:
Cam Wiegert
2018-12-10 15:02:59 -06:00
committed by GitHub
parent f0ef061a6b
commit a2c7b9558b
3 changed files with 53 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
core/src/components/button/button.md.scss
View File

@ -51,14 +51,6 @@
--color-activated: #{ion-color(primary, base)};
}
:host(.button-outline:hover) .button-native {
background: ion-color(primary, base, .04);
}
:host(.button-outline.ion-color:hover) .button-native {
background: current-color(base, .04);
}
:host(.button-outline.activated.ion-color) .button-native {
background: transparent;
}
@ -75,14 +67,6 @@
--color-focused: #{ion-color(primary, base)};
}
:host(.button-clear:hover) .button-native {
background: ion-color(primary, base, .04);
}
:host(.button-clear.ion-color:hover) .button-native {
background: current-color(base, .04);
}
// Material Design Round Button
// --------------------------------------------------
@ -130,3 +114,25 @@
::slotted(ion-icon[slot="icon-only"]) {
@include padding(0);
}
// Material Design Button Sizes
// --------------------------------------------------
@media (any-hover: hover) {
:host(.button-outline:hover) .button-native {
background: ion-color(primary, base, .04);
}
:host(.button-outline.ion-color:hover) .button-native {
background: current-color(base, .04);
}
:host(.button-clear:hover) .button-native {
background: ion-color(primary, base, .04);
}
:host(.button-clear.ion-color:hover) .button-native {
background: current-color(base, .04);
}
}