Only set hover styles on hover-enabled devices

adamgraham · Oct 20, 2024 · a367c1e · a367c1e
1 parent 131c8dd
commit a367c1e
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/styles/projects-list.css b/src/styles/projects-list.css
@@ -32,12 +32,18 @@
   font-size: 0.875em;
 }
 
-.projects-list__filters .badge:hover,
 .projects-list__filters .badge--selected {
   background-color: var(--color-primary);
   color: var(--color-on-primary);
 }
 
+@media (hover: hover) {
+  .projects-list__filters .badge:hover {
+    background-color: var(--color-primary);
+    color: var(--color-on-primary);
+  }
+}
+
 .projects-list__category {
   margin-top: 0;
   margin-bottom: 2rem;