feat(images): concept hover zoom

2026-10-20 04:55:59 -07:00
parent d3e2e6c47c
commit 9a932cd87f
2 changed files with 22 additions and 0 deletions
@@ -65,6 +65,10 @@ main:focus-visible { outline: 2px solid var(--ca-focus); outline-offset: 4px; }
 /* #249 D32: likewise the continuation's text and Load more wrap instead of pushing the button out of the column. */
 .infinite-continuation { flex-wrap: wrap; }

+/* #249 D18: the concept zooms a hovered card image (1.03 over 0.2s; its reduced-motion rule makes that instant). A touch
+   device has no real hover, so a tap must not leave the zoom stuck. */
+@media (hover: none) { .image-open:hover img { transform: none; } }
+
 /* Images cards (#249 C3). #249 D3: bounded rendering mounts only the visible cards and places each one itself, in every
   layout (the concept places only masonry cards), so the grid reserves the collection's height and every card is
   absolute. Columns and gap still come from the concept's `.image-grid` tracks. */