iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: move `hover` into a proper `@media` hover (#37320) 

This commit moves the contributor hover into the `@media(hover:hover)`
query. This will help to identify if the user's primary input mechanism
can hover over elements.

PR Close #37320
This commit is contained in:
Sonu Kapoor 2020-05-28 07:46:26 -04:00 committed by Misko Hevery
parent 09d6dc50ef
commit d330cd85ac
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
aio/src/styles/2-modules/_contributor.scss
View File

@ -52,16 +52,18 @@ aio-contributor {
transition: all .3s;
perspective: 800px;
&:hover {
transform: translate3d(0,-3px,0);
box-shadow: 0 8px 8px rgba(10, 16, 20, 0.24), 0 0 8px rgba(10, 16, 20, 0.12);
@media (hover) {
&:hover {
transform: translate3d(0,-3px,0);
box-shadow: 0 8px 8px rgba(10, 16, 20, 0.24), 0 0 8px rgba(10, 16, 20, 0.12);
.contributor-image {
transform: scale(1.05);
}
.contributor-image {
transform: scale(1.05);
}
.contributor-info {
opacity: 1;
.contributor-info {
opacity: 1;
}
}
}