Skip to content

Instantly share code, notes, and snippets.

@bmcminn
Created January 17, 2020 17:27
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 bmcminn/61c1c467512b12cf356e2dacdd0c0d6c to your computer and use it in GitHub Desktop.
Save bmcminn/61c1c467512b12cf356e2dacdd0c0d6c to your computer and use it in GitHub Desktop.
Some default styles I like to include on most projects
// @sauce: https://getbootstrap.com/docs/4.4/getting-started/accessibility/#visually-hidden-content
.sr-only
position: absolute
width: 1px
height: 1px
padding: 0
margin: -1px
overflow: hidden
clip: rect(0,0,0,0)
white-space: nowrap
border: 0
.sr-only-focusable:active,
.sr-only-focusable:focus
position: static
width: auto
height: auto
overflow: visible
clip: auto
white-space: normal
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment