fix(ld-button): ocean theme focus state on touch device

emdgroup-liquid · May 28, 2021 · b891b5b · b891b5b
1 parent 35138df
commit b891b5b
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/liquid/components/ld-button/ld-button.css b/src/liquid/components/ld-button/ld-button.css
@@ -127,9 +127,11 @@
       background-color: var(--ld-col-rb-focus);
       color: var(--ld-thm-ocean-bg-secondary);
     }
-    &:where(:hover) {
-      background-color: var(--ld-col-rb-hover);
-      color: var(--ld-col-wht);
+    @media (hover: hover) {
+      &:where(:hover) {
+        background-color: var(--ld-col-rb-hover);
+        color: var(--ld-col-wht);
+      }
     }
     &:where(:active),
     &:where(:active:focus-visible) {