From e70d1754e98501cda598255af33b7af2abbfc2a5 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Mon, 21 Aug 2023 08:08:10 +0100
Subject: Better focus styling for news index item

---
 public/css/modules/news-index.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'public/css/modules/news-index.css')

diff --git a/public/css/modules/news-index.css b/public/css/modules/news-index.css
index b77e383..48c455d 100644
--- a/public/css/modules/news-index.css
+++ b/public/css/modules/news-index.css
@@ -11,13 +11,20 @@
   border-top-width: 0;
 }
 
-.news-index__item:hover {
+.news-index__item:is(:hover, :focus, :focus-visible, :focus-within) {
+  outline: none;
+  box-shadow: none;
   color: var(--text-highlight-color);
   border-color: var(--background-highlight-color);
   background: var(--background-highlight-color);
   transition-duration: 300ms;
 }
 
-.news-index__item:hover .link {
+.news-index__item:is(:hover, :focus, :focus-visible, :focus-within) .link {
   color: var(--special-text-highlight-color);
+}
+
+.news-index__item:is(:focus, :focus-visible, :focus-within) {
+  border-color: var(--special-text-highlight-color);
+  border-style: dotted;
 }
\ No newline at end of file
-- 
cgit v1.2.3