Do not show the outline on the skip link target container

davidakennedy · davidakennedy · commit 1a7cedc7dd25 · 2015-11-11T14:54:08.000-05:00
* Putting it in style.css solves the issue for our specific skip link, but leaves the outline working on other anchors in case developers need that. * For discussion, see: #814 * Related: #755 and #604 Fixes #543
diff --git a/sass/modules/_accessibility.scss b/sass/modules/_accessibility.scss
@@ -25,3 +25,8 @@
 		z-index: 100000; /* Above WP toolbar. */
 	}
 }
+
+/* Do not show the outline on the skip link target. */
+#content[tabindex="-1"]:focus {
+	outline: 0;
+}
diff --git a/style.css b/style.css
@@ -664,6 +664,11 @@ a:active {
 	z-index: 100000; /* Above WP toolbar. */
 }
 
+/* Do not show the outline on the skip link target. */
+#content[tabindex="-1"]:focus {
+	outline: 0;
+}
+
 /*--------------------------------------------------------------
 # Alignments
 --------------------------------------------------------------*/

Original file line number	Diff line number	Diff line change
`@@ -25,3 +25,8 @@`
`25`	`25`	`z-index: 100000; /* Above WP toolbar. */`
`26`	`26`	`}`
`27`	`27`	`}`
	`28`	`+`
	`29`	`+/* Do not show the outline on the skip link target. */`
	`30`	`+#content[tabindex="-1"]:focus {`
	`31`	`+ outline: 0;`
	`32`	`+}`