From 701d4744ab5fa035eff35671adb9e5b1ce545891 Mon Sep 17 00:00:00 2001 From: "alpe@pc" Date: Tue, 10 Oct 2023 10:54:01 -0300 Subject: [PATCH] Update root css - Don't add padding/animation to card images on touch devices --- src/css/style.css | 21 ++++++++++----------- 1 file changed, 10 insertions(+), 11 deletions(-) diff --git a/src/css/style.css b/src/css/style.css index 76e682a..98f394e 100644 --- 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 {