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

feat(button): add variables for customizing hover state (#18499)

Browse Source 
resolves #17974
This commit is contained in:
Brandy Carney
2019-06-10 13:38:50 -04:00
committed by GitHub
parent 7610787e09
commit 5c5934bc24
11 changed files with 118 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
core/src/components/button/button.ios.scss
View File

@ -127,7 +127,21 @@
--opacity: #{$button-ios-opacity-hover};
}
:host(.button-clear:hover) {
:host(.button-clear:hover),
:host(.button-outline:hover) {
--opacity: #{$button-ios-clear-opacity-hover};
}
// Since iOS changes the opacity on hover,
// we want to keep the background if focused
// or activated
:host(.ion-focused:hover) {
--background-hover: var(--background-focused);
--color-hover: var(--color-focused);
}
:host(.activated:hover) {
--background-hover: var(--background-activated);
--color-hover: var(--color-activated);
}
}