From 16de59b16dcdbd7ddbce1380b6e3193daf432634 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ce=CC=81dric=20Andrietti?= <candrietti@beapi.fr>
Date: Mon, 21 Oct 2024 17:23:53 +0200
Subject: [PATCH] fi focus seo container

---
 src/scss/04-utilities/_focus.scss | 11 +++++++++++
 src/scss/04-utilities/_seo.scss   |  1 +
 2 files changed, 12 insertions(+)

diff --git a/src/scss/04-utilities/_focus.scss b/src/scss/04-utilities/_focus.scss
index 9100934e..82747d14 100644
--- 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
index 858387af..7d3aedd5 100644
--- 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;