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

View File

@ -52,6 +52,7 @@ aio-contributor {
transition: all .3s;
perspective: 800px;
@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);
@ -64,6 +65,7 @@ aio-contributor {
opacity: 1;
}
}
}
.contributor-info {
background: rgba($darkgray, 0.5);