Skip to content

Instantly share code, notes, and snippets.

@pablolobos

pablolobos/sass_visually-hidden.scss

Created February 19, 2014 14:35
Show Gist options
  • Save pablolobos/9093303 to your computer and use it in GitHub Desktop.
Save pablolobos/9093303 to your computer and use it in GitHub Desktop.
Download ZIP
sass_visually-hidden.scss
Raw
sass_visually-hidden.scss
.visuallyhidden {
margin: -1px;
padding: 0;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip: rect(0, 0, 0, 0);
position: absolute;
}
//Usage
<button class="mobile-navigation-trigger">
<b class="visually-hidden">Open the navigation</b>
<img src="img/mobile-navigation-icon.svg">
</button>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment