Skip to content

Instantly share code, notes, and snippets.

@voodoocode

voodoocode/_mixin.visuallyhidden.scss

Created November 16, 2018 13: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 voodoocode/fd40cb57e82b3859e7494b66ff9edcc3 to your computer and use it in GitHub Desktop.
Save voodoocode/fd40cb57e82b3859e7494b66ff9edcc3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
_mixin.visuallyhidden.scss
// Mixin to quickly apply accessible hiding to elements.
@mixin hidden-visually() {
border: 0 !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment