From 4d323cb967b75b245d91e2d1984cee71250f47b7 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Mon, 21 Aug 2023 08:17:14 +0100 Subject: Better nav logo focus styling --- public/css/modules/nav.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/public/css/modules/nav.css b/public/css/modules/nav.css index bec5dde..cea8aa6 100644 --- a/public/css/modules/nav.css +++ b/public/css/modules/nav.css @@ -23,6 +23,15 @@ .nav__logo a { text-decoration: none; + border: 2px dotted transparent; + transition: border-color 100ms; +} + +.nav__logo a:is(:focus, :focus-visible, :focus-within) { + box-shadow: none; + outline: none; + border-color: var(--special-text-color); + transition: border-color 300ms; } .nav__breadcrumbs { -- cgit v1.2.3