Increase outline offset when toggle button is focused

2024-07-20 14:04:33 +08:00 · 2024-07-20 14:04:33 +08:00 · b19079af9e
parent 68d31da5d0
commit b19079af9e
1 changed files with 3 additions and 2 deletions
--- 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); }