From 308e9d961be81d5df9209d7a4f4b2e0e2d767c42 Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Wed, 8 Mar 2023 08:18:25 +0100
Subject: [PATCH] Make use of :focus-visible when needed.

---
 assets/sass/components/icon-inline/_icon-inline.scss | 4 ++--
 assets/sass/mobile.scss                              | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/assets/sass/components/icon-inline/_icon-inline.scss b/assets/sass/components/icon-inline/_icon-inline.scss
index 8897cd3..7d296f7 100644
--- a/assets/sass/components/icon-inline/_icon-inline.scss
+++ b/assets/sass/components/icon-inline/_icon-inline.scss
@@ -8,12 +8,12 @@
     text-decoration: none;
   }
 
-  &:focus,
+  &:focus-visible,
   &:hover {
     .icon-link {
       opacity: .3;
 
-      &:focus,
+      &:focus-visible,
       &:hover {
         opacity: 1;
       }
diff --git a/assets/sass/mobile.scss b/assets/sass/mobile.scss
index 2058dba..5476296 100644
--- a/assets/sass/mobile.scss
+++ b/assets/sass/mobile.scss
@@ -71,7 +71,7 @@
     }
 
     &:hover svg,
-    &:focus svg {
+    &:focus-visible svg {
       fill: var(--color-text-bg);
     }
   }