Skip to content

Instantly share code, notes, and snippets.

@Simply1993

Simply1993/visuallyhidden.css

Created September 29, 2018 19:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Simply1993/d2e91e21babfc0521a686349e3bbce8d to your computer and use it in GitHub Desktop.
Save Simply1993/d2e91e21babfc0521a686349e3bbce8d to your computer and use it in GitHub Desktop.
Download ZIP
#2017 edition of .visuallyhidden
Raw
visuallyhidden.css
/*
https://allyjs.io/tutorials/hiding-elements.html
#2017 edition of .visuallyhidden
*/
.visuallyhidden:not(:focus):not(:active) {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment