Rip out the tab-focus mixin, remove application to anchors in reboot

diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index d207a335b224b7ecb553ad69b1f5bdc0ee03212d..da4738297cf3714ca5f9dc98ff6cc1d6ecdcb98e 100644 (file)
--- 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 (file)
--- 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 (file)
index f16ed64..0000000
--- 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;
-}