From 9e0f325c799d1a021c910e78aefd051ebc7eb481 Mon Sep 17 00:00:00 2001 From: didukhroma Date: Thu, 29 Aug 2024 18:37:41 +0300 Subject: [PATCH] fix:removed outline after clin on logo and footer links --- src/partials/header.html | 1 + src/scss/footer.scss | 2 +- src/scss/header.scss | 3 +++ 3 files changed, 5 insertions(+), 1 deletion(-) diff --git a/src/partials/header.html b/src/partials/header.html index a883ea2..cf755c5 100644 --- a/src/partials/header.html +++ b/src/partials/header.html @@ -7,6 +7,7 @@ href="./index.html" title="Wonka's World of Candy Match 3" aria-label="site logo" + rel="" >
diff --git a/src/scss/footer.scss b/src/scss/footer.scss index a9078d7..47e5b26 100644 --- a/src/scss/footer.scss +++ b/src/scss/footer.scss @@ -46,7 +46,7 @@ outline: 1px solid $_yellow_color; outline-offset: 1px; } - &:focus:active { + &:focus:not(:focus-visible) { outline: none; } diff --git a/src/scss/header.scss b/src/scss/header.scss index f9b2a03..31971ec 100644 --- a/src/scss/header.scss +++ b/src/scss/header.scss @@ -69,6 +69,9 @@ header .container { &:focus &-text { letter-spacing: 0.8px; } + &:focus:not(:focus-visible) { + outline: none; + } } .nav-logo-thumb {