Merge pull request #341 from hhofner/master

[Pagination] Apply hover classes only on supported devices
ismail9k · Oct 18, 2023 · 8b5dfc6 · 8b5dfc6
2 parents 11a2105 + 65074d1
commit 8b5dfc6
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git 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
@@ -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);
+  }
+}