restrict the hover effect to devices that can hover

tasxatzial · Aug 18, 2023 · 0c6eae9 · 0c6eae9
1 parent 40bcbc0
commit 0c6eae9
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/style.css b/src/style.css
@@ -33,9 +33,11 @@ body {
     cursor: pointer;
 }
 
-.click-and-hold:hover {
-    background-color: rgb(var(--bg-clr) / 0.4);
-} 
+@media (hover:hover) {
+    .click-and-hold:hover {
+        background-color: rgb(var(--bg-clr) / 0.4);
+    }
+}
 
 .click-and-hold[data-active-hold] {
     position: relative;