Do not show the outline on the skip link target container

* 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: https://github.com/Automattic/_s/pull/814
* Related: https://github.com/Automattic/_s/pull/755 and https://github.com/Automattic/_s/pull/604

Fixes #543
This commit is contained in:
David A. Kennedy 2015-11-11 14:54:08 -05:00
parent e1fe1fc0d2
commit 1a7cedc7dd
2 changed files with 10 additions and 0 deletions

View File

@ -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;
}

View File

@ -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
--------------------------------------------------------------*/