Accessibility fixes

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / base / _global.scss

diff --git a/src/wolnelektury/static/2022/styles/base/_global.scss b/src/wolnelektury/static/2022/styles/base/_global.scss
index d81a0af..07b9780 100644 (file)
--- a/src/wolnelektury/static/2022/styles/base/_global.scss
+++ b/src/wolnelektury/static/2022/styles/base/_global.scss
@@ -6,11 +6,19 @@
   box-sizing: border-box;
 }
 
-:focus {
-  outline: $color-black auto 2px;
+:root {
+    --focus-ring: #083F4D;
+}
+
+:focus-visible {
+  outline: 2px solid var(--focus-ring);
   outline-offset: 2px;
 }
 
+html {
+  scrollbar-gutter: stable;
+}
+
 html,
 body {
   -webkit-overflow-scrolling: auto;
@@ -25,12 +33,6 @@ body {
     overflow-y: hidden;
     height: 100vh;
   }
-
-  &.using-mouse {
-    *:focus {
-      outline: 0 !important;
-    }
-  }
 }
 
 .visibility-hidden {