Skip to content

Instantly share code, notes, and snippets.

@ryantownley
Last active May 19, 2016 02:57
Show Gist options
  • Save ryantownley/3b88887641e82a2aefb2 to your computer and use it in GitHub Desktop.
Save ryantownley/3b88887641e82a2aefb2 to your computer and use it in GitHub Desktop.
Screen reader text class.
/* ## Screen Reader Text
--------------------------------------------- */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
position: absolute !important;
clip: rect(0, 0, 0, 0);
height: 1px;
width: 1px;
border: 0;
overflow: hidden;
}
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
clip: auto !important;
height: auto;
width: auto;
display: block;
font-size: 1em;
font-weight: bold;
padding: 15px 23px 14px;
color: #333;
background: #fff;
z-index: 100000; /* Above WP toolbar. */
text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}
.more-link {
position: relative;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment