From f528ad35a4d55c6e3c2e1942b74add999b014c9f Mon Sep 17 00:00:00 2001
From: Sabrina Bongiovanni <sabrina.bongiovanni@redturtle.it>
Date: Tue, 9 Jan 2024 16:48:39 +0100
Subject: [PATCH] fix: added focus style for skiplinks for a11y

---
 theme/bootstrap-override/_bootstrap-italia-site.scss  | 1 +
 theme/bootstrap-override/bootstrap-italia/_focus.scss | 3 +++
 2 files changed, 4 insertions(+)
 create mode 100644 theme/bootstrap-override/bootstrap-italia/_focus.scss

diff --git a/theme/bootstrap-override/_bootstrap-italia-site.scss b/theme/bootstrap-override/_bootstrap-italia-site.scss
index 4b245de8d..5f1c27a86 100644
--- a/theme/bootstrap-override/_bootstrap-italia-site.scss
+++ b/theme/bootstrap-override/_bootstrap-italia-site.scss
@@ -180,5 +180,6 @@
 
   // gestione dei focus
   @import 'bootstrap-italia/src/scss/utilities/focus';
+  @import './bootstrap-italia/focus';
   @import 'bootstrap-italia/src/scss/utilities/icons';
 }
diff --git a/theme/bootstrap-override/bootstrap-italia/_focus.scss b/theme/bootstrap-override/bootstrap-italia/_focus.scss
new file mode 100644
index 000000000..683e68cf5
--- /dev/null
+++ b/theme/bootstrap-override/bootstrap-italia/_focus.scss
@@ -0,0 +1,3 @@
+.skiplinks .sr-only-focusable:focus {
+  border: 2px solid $focus-outline-color;
+}