_cardinal-stylus

# Some handy snippets for Cardinal Stylus framework

cs-visually-hidden.styl

.cs-VisuallyHidden
  position: absolute
  overflow: hidden
  clip: rect(0 0 0 0)
  margin: -1px
  padding: 0
  width: 1px
  height: 1px
  border: 0

// Extends the `.vh` class to allow the element to be focusable when navigated
// to via the keyboard.
// - @link http://cbrac.co/RR8gO6

.cs-VisuallyHidden-focusable
  .cs-VisuallyHidden &
    &:active,
    &:focus
      position: static
      overflow: visible
      clip: auto
      margin: 0
      width: auto
      height: auto