From 9456d42bffb4c2db32c171db924bd84832bb2086 Mon Sep 17 00:00:00 2001
From: Julien Oculi <xdrz.jot.sr@gmail.com>
Date: Thu, 15 Feb 2024 10:25:36 +0100
Subject: [PATCH] feat(ui): :lipstick: replace blog link outline by border on
 blog card

---
 components/BlogCard.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/BlogCard.css b/components/BlogCard.css
index 18d6ebe..6950078 100644
--- a/components/BlogCard.css
+++ b/components/BlogCard.css
@@ -10,7 +10,7 @@
 	background-repeat: no-repeat;
 	background-size: contain;
 
-	&:focus-visible,
+	&:has(a:focus-visible),
 	&:hover {
 		border: var(--_border-size) solid var(--_accent-color);
 	}
@@ -18,6 +18,10 @@
 	& h3 {
 		margin: 0;
 	}
+
+	& a {
+		outline: none;
+	}
 }
 
 .components__blog_card__spacer {