Fix .sr-only not working properly on elements with padding or border

TomaszGasior · Jun 5, 2022 · 8479101 · 8479101
1 parent 03f1073
commit 8479101
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/assets/css/_layout/global.css b/assets/css/_layout/global.css
@@ -67,9 +67,12 @@ a:active {
 
 .sr-only {
     position: absolute !important;
-    height: 1px; width: 1px;
-    overflow: hidden;
-    clip: rect(1px, 1px, 1px, 1px);
+    height: 1px !important;
+    width: 1px !important;
+    overflow: hidden !important;
+    clip: rect(1px, 1px, 1px, 1px) !important;
+    padding: 0 !important;
+    border: 0 !important;
 }
 
 .skip-link {