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:
parent
09d6dc50ef
commit
d330cd85ac
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue