rayelliott
/
_s
Archived
forked from mirror/_s
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
sass/modules/_accessibility.scss
View File

@ -25,3 +25,8 @@
z-index: 100000; /* Above WP toolbar. */ z-index: 100000; /* Above WP toolbar. */
} }
} }
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}

5
style.css
View File

@ -664,6 +664,11 @@ a:active {
z-index: 100000; /* Above WP toolbar. */ z-index: 100000; /* Above WP toolbar. */
} }
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Alignments # Alignments
--------------------------------------------------------------*/ --------------------------------------------------------------*/