diff --git a/scss/_mixins.scss b/scss/_mixins.scss index d207a335b224b7ecb553ad69b1f5bdc0ee03212d..da4738297cf3714ca5f9dc98ff6cc1d6ecdcb98e 100644 --- a/scss/_mixins.scss +++ b/scss/_mixins.scss @@ -26,7 +26,6 @@ @import "mixins/resize"; @import "mixins/screen-reader"; @import "mixins/size"; -@import "mixins/tab-focus"; @import "mixins/reset-text"; @import "mixins/text-emphasis"; @import "mixins/text-hide"; diff --git a/scss/_reboot.scss b/scss/_reboot.scss index e90d7cd3b30860603e1fd5c7dfa2dd32e4a49568..3c0ffe13e9a787b3b3171a8fe3a66e7c244b1657 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -166,10 +166,6 @@ a { color: $link-hover-color; text-decoration: $link-hover-decoration; } - - &:focus { - @include tab-focus(); - } } // And undo these styles for placeholder links/named anchors (without href) @@ -188,7 +184,7 @@ a:not([href]):not([tabindex]) { } &:focus { - outline: none; + outline: 0; } } diff --git a/scss/mixins/_tab-focus.scss b/scss/mixins/_tab-focus.scss deleted file mode 100644 index f16ed6428aac35b4bc86d9c18501f651632d2adf..0000000000000000000000000000000000000000 --- a/scss/mixins/_tab-focus.scss +++ /dev/null @@ -1,9 +0,0 @@ -// WebKit-style focus - -@mixin tab-focus() { - // WebKit-specific. Other browsers will keep their default outline style. - // (Initially tried to also force default via `outline: initial`, - // but that seems to erroneously remove the outline in Firefox altogether.) - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -}