Merge pull request #52 from LesiaUKR/outline-fix

fix:removed outline after clin on logo and footer links
LesiaUKR · Aug 29, 2024 · ae4237a · ae4237a
2 parents 8282e77 + 9e0f325
commit ae4237a
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git 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=""
     >
       <div class="nav-logo-thumb">
         <picture>

diff --git 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
@@ -69,6 +69,9 @@ header .container {
   &:focus &-text {
     letter-spacing: 0.8px;
   }
+  &:focus:not(:focus-visible) {
+    outline: none;
+  }
 }
 
 .nav-logo-thumb {