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

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

@ -52,6 +52,7 @@ aio-contributor {
transition: all .3s; transition: all .3s;
perspective: 800px; perspective: 800px;
@media (hover) {
&:hover { &:hover {
transform: translate3d(0,-3px,0); 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); box-shadow: 0 8px 8px rgba(10, 16, 20, 0.24), 0 0 8px rgba(10, 16, 20, 0.12);
@ -64,6 +65,7 @@ aio-contributor {
opacity: 1; opacity: 1;
} }
} }
}
.contributor-info { .contributor-info {
background: rgba($darkgray, 0.5); background: rgba($darkgray, 0.5);