Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Increase outline offset when toggle button is focused

This commit is contained in:
Helen Chong 2024-07-20 14:04:33 +08:00
parent 68d31da5d0
commit b19079af9e
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/_includes/global/navbar.njk
View File

@ -33,8 +33,6 @@
padding: 0.6em; padding: 0.6em;
} }
.navbar a:focus { outline-offset: 0.1em; }
.navbar__toggle { .navbar__toggle {
background-color: inherit; background-color: inherit;
color: var(--clr-navbar-link); color: var(--clr-navbar-link);
@ -48,6 +46,9 @@
} }
.navbar__toggle svg { fill: currentColor; } .navbar__toggle svg { fill: currentColor; }
.navbar__toggle:focus,
.navbar a:focus { outline-offset: 0.1em; }
.navbar__toggle:focus, .navbar__toggle:focus,
.navbar a:focus { outline: 0.15em solid var(--clr-navbar-link); } .navbar a:focus { outline: 0.15em solid var(--clr-navbar-link); }