From 65074d14264537d8c48b029735ad1c7b3507cac3 Mon Sep 17 00:00:00 2001
From: Hans Hofner <hhofner@gmail.com>
Date: Fri, 15 Sep 2023 00:03:53 -0600
Subject: [PATCH] apply hover classes only on supported devices

---
 src/styles/navigation.css | 12 +++++++-----
 src/styles/pagination.css |  7 ++++++-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/styles/navigation.css b/src/styles/navigation.css
index 215327b..b421f3f 100644
--- a/src/styles/navigation.css
+++ b/src/styles/navigation.css
@@ -20,11 +20,6 @@
   transform: translateY(-50%);
 }
 
-.carousel__prev:hover,
-.carousel__next:hover {
-  color: var(--vc-nav-color-hover);
-}
-
 .carousel__next--disabled,
 .carousel__prev--disabled {
   cursor: not-allowed;
@@ -48,3 +43,10 @@
   right: auto;
   left: 0;
 }
+
+@media (hover: hover) {
+  .carousel__prev:hover,
+  .carousel__next:hover {
+    color: var(--vc-nav-color-hover);
+  }
+}
diff --git a/src/styles/pagination.css b/src/styles/pagination.css
index 604ee2e..c581bae 100644
--- a/src/styles/pagination.css
+++ b/src/styles/pagination.css
@@ -25,7 +25,12 @@
   background-color: var(--vc-pgn-background-color);
 }
 
-.carousel__pagination-button:hover::after,
 .carousel__pagination-button--active::after {
   background-color: var(--vc-pgn-active-color);
 }
+
+@media(hover: hover) {
+  .carousel__pagination-button:hover::after {
+    background-color: var(--vc-pgn-active-color);
+  }
+}