feat(reboot): rely on :focus-visible polyfill to remove default outli…

…nes on mouse events
twbs · May 20, 2020 · e538cb0 · e538cb0
1 parent 48e55f9
commit e538cb0
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
@@ -64,6 +64,13 @@ body {
   outline: 0 !important;
 }
 
+// Using the :focus-visible polyfill to hide outline defensively
+// See https://github.com/WICG/focus-visible
+.js-focus-visible :focus:not([data-focus-visible-added]),
+.js-focus-visible .focus:not([data-focus-visible-added]) {
+  outline: 0 !important;
+}
+
 
 // Content grouping
 //