From cd70bf87db6b4118570dbace19714f76c39207e3 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Mon, 20 Feb 2023 17:51:41 +0800
Subject: [PATCH] Animate position-object when link is focused

---
 src/components/status.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/status.css b/src/components/status.css
index 5a349c6b..1eac8f58 100644
--- a/src/components/status.css
+++ b/src/components/status.css
@@ -421,7 +421,8 @@
     object-position: 50% 50%;
   }
 }
-.status .media img:hover {
+.status .media img:is(:hover, :focus),
+a:focus-visible .status .media img {
   animation: position-object 5s ease-in-out 1s 5;
 }
 body:has(#modal-container .carousel) .status .media img:hover {
@@ -625,7 +626,8 @@ body:has(#modal-container .carousel) .status .media img:hover {
   border-inline-end: 0;
   border-block-end: 1px solid var(--outline-color);
 }
-.card:is(:hover, :focus) img {
+.card:is(:hover, :focus) img,
+a:focus-visible .card img {
   animation: position-object 5s ease-in-out 1s 5;
 }
 .card p {