Merge pull request #430 from BeAPI/fix/focus

fix focus seo container
BeAPI · Nov 4, 2024 · e7d80b5 · e7d80b5
2 parents bad3ad1 + 16de59b
commit e7d80b5
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/scss/04-utilities/_focus.scss b/src/scss/04-utilities/_focus.scss
@@ -11,3 +11,14 @@ html {
         }
     }
 }
+
+%focus-seo-container {
+    &:has(:focus-visible) {
+        outline: 2px solid currentColor;
+        outline-offset: .5rem;
+    }
+
+    *:focus {
+        outline: none;
+    }
+}
diff --git a/src/scss/04-utilities/_seo.scss b/src/scss/04-utilities/_seo.scss
@@ -1,4 +1,5 @@
 %seo-container {
+    @extend %focus-seo-container;
     position: relative;
     z-index: 1;
     cursor: pointer;