Hiding focus outline on programmatically focusable els

2016-06-22 11:25:02 -04:00
parent d794fc5c4d
commit f9b8865367
3 changed files with 12 additions and 2 deletions
--- a/cms/static/sass/_base.scss
+++ b/cms/static/sass/_base.scss
@@ -36,8 +36,8 @@ body, input, button {
  font-family: 'Open Sans', sans-serif;
 }

-// we want to hide the outline on the focusable <main> element
-main {
+// removing the outline on any element that we make programmatically focusable
+[tabindex="-1"] {
    outline: none;
 }