From 7d798375c2a6db18926ab709248ec9552f41eb75 Mon Sep 17 00:00:00 2001 From: Helen Chong <119173961+helenclx@users.noreply.github.com> Date: Sat, 20 Jul 2024 14:42:44 +0800 Subject: [PATCH] Unify navigation link focus outline colour --- src/_includes/global/navbar.njk | 38 ++++++++++++++++----------------- 1 file changed, 19 insertions(+), 19 deletions(-) diff --git a/src/_includes/global/navbar.njk b/src/_includes/global/navbar.njk index b457bf73..b5f522a6 100644 --- a/src/_includes/global/navbar.njk +++ b/src/_includes/global/navbar.njk @@ -33,25 +33,6 @@ 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 { list-style-type: ""; margin: 0; @@ -72,6 +53,25 @@ .navbar__menu a:focus { outline-offset: 0.2em; } .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 { background-color: var(--clr-navbar-bg); border: 0.15em solid var(--clr-navbar-link);