From b19079af9e94e30e7bbb40af9639e136498a431c Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 20 Jul 2024 14:04:33 +0800
Subject: [PATCH] Increase outline offset when toggle button is focused

---
 src/_includes/global/navbar.njk | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/_includes/global/navbar.njk b/src/_includes/global/navbar.njk
index 2d6753f8..b457bf73 100644
--- a/src/_includes/global/navbar.njk
+++ b/src/_includes/global/navbar.njk
@@ -33,8 +33,6 @@
         padding: 0.6em;
     }
 
-    .navbar a:focus { outline-offset: 0.1em; }
-
     .navbar__toggle {
         background-color: inherit;
         color: var(--clr-navbar-link);
@@ -48,6 +46,9 @@
     }
 
     .navbar__toggle svg { fill: currentColor; }
+
+    .navbar__toggle:focus,
+    .navbar a:focus { outline-offset: 0.1em; }
     .navbar__toggle:focus,
     .navbar a:focus { outline: 0.15em solid var(--clr-navbar-link); }