From d330cd85acce2f3b56aebfec88d9dee8c11d85a2 Mon Sep 17 00:00:00 2001
From: Sonu Kapoor <sonukapoor@gmail.com>
Date: Thu, 28 May 2020 07:46:26 -0400
Subject: [PATCH] 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
---
 aio/src/styles/2-modules/_contributor.scss | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/aio/src/styles/2-modules/_contributor.scss b/aio/src/styles/2-modules/_contributor.scss
index 5df3383e18..30570f55a8 100644
--- a/aio/src/styles/2-modules/_contributor.scss
+++ b/aio/src/styles/2-modules/_contributor.scss
@@ -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;
+      }
     }
   }