Skip to content

Instantly share code, notes, and snippets.

@ankedsgn

ankedsgn/visuallyhidden.scss

Created August 14, 2020 07:42
Show Gist options
  • Save ankedsgn/1fdefbf425e64ad8559c4fb887171539 to your computer and use it in GitHub Desktop.
Save ankedsgn/1fdefbf425e64ad8559c4fb887171539 to your computer and use it in GitHub Desktop.
Download ZIP
Visually hidden
Raw
visuallyhidden.scss
// http://hugogiraudel.com/2016/10/13/css-hide-and-seek/ Screenreaders-only sr-only
.invisible-accessible, .sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment