Skip to content

Instantly share code, notes, and snippets.

@davaynamore

davaynamore/visually-hidden.scss

Created December 5, 2019 16:40
Show Gist options
  • Save davaynamore/5b17b82528c141d47ccfc2dc5e2db478 to your computer and use it in GitHub Desktop.
Save davaynamore/5b17b82528c141d47ccfc2dc5e2db478 to your computer and use it in GitHub Desktop.
Download ZIP
Hide element using right styles
Raw
visually-hidden.scss
.visually-hidden {
$size: 1px;
width: $size;
height: $size;
border: 0;
overflow: hidden;
margin: -1px;
padding: 0;
clip: rect(0,0,0,0);
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment