Unify navigation link focus outline colour

This commit is contained in:
Helen Chong 2024-07-20 14:42:44 +08:00
parent b19079af9e
commit 7d798375c2
1 changed files with 19 additions and 19 deletions

View File

@ -33,25 +33,6 @@
padding: 0.6em; padding: 0.6em;
} }
.navbar__toggle {
background-color: inherit;
color: var(--clr-navbar-link);
border: none;
padding: 0;
font-size: 1.25rem;
font-weight: 700;
display: flex;
align-items: center;
gap: 0.3em;
}
.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); }
.navbar__menu { .navbar__menu {
list-style-type: ""; list-style-type: "";
margin: 0; margin: 0;
@ -72,6 +53,25 @@
.navbar__menu a:focus { outline-offset: 0.2em; } .navbar__menu a:focus { outline-offset: 0.2em; }
.navbar__links { display: none; } .navbar__links { display: none; }
.navbar__toggle {
background-color: inherit;
color: var(--clr-navbar-link);
border: none;
padding: 0;
font-size: 1.25rem;
font-weight: 700;
display: flex;
align-items: center;
gap: 0.3em;
}
.navbar__toggle svg { fill: currentColor; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline-offset: 0.1em; }
.navbar__toggle:focus,
.navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
.navbar__popover { .navbar__popover {
background-color: var(--clr-navbar-bg); background-color: var(--clr-navbar-bg);
border: 0.15em solid var(--clr-navbar-link); border: 0.15em solid var(--clr-navbar-link);