Update root css

- Don't add padding/animation to card images on touch devices
alpe12 · Oct 10, 2023 · 701d474 · 701d474
1 parent 1b76491
commit 701d474
Showing 1 changed file with 10 additions and 11 deletions.
diff --git a/src/css/style.css b/src/css/style.css
@@ -42,6 +42,13 @@ img {
     background-color: darkgray;
 }
 
+.cards .card .imagelink img {
+    min-height: 200px;
+    transition: scale 200ms ease;
+    border-top-left-radius: 1em;
+    border-top-right-radius: 1em;
+}
+
 @media (hover: hover) {
     .cards .card:hover {
         outline: 2px outset darkgray;
@@ -50,17 +57,9 @@ img {
         padding: 4px;
         padding-bottom: 0;
     }
-}
-
-.cards .card .imagelink img {
-    min-height: 200px;
-    transition: scale 200ms ease;
-    border-top-left-radius: 1em;
-    border-top-right-radius: 1em;
-}
-
-.cards .card .imagelink img:hover {
-    scale: 1.05;
+    .cards .card .imagelink img:hover {
+        scale: 1.05;
+    }
 }
 
 .cards .card .content {