// # Non Semantic Helpers

// For image replacement
.ir
  border 0
  font 0/0 a
  text-shadow none
  color transparent
  background-color transparent

// Hide from both screenreaders and browsers: <http://h5bp.com/u>
.hidden
  display none !important
  visibility hidden

// Hide only visually, but have it available for screenreaders: <http://h5bp.com/v>
.visuallyhidden
  border 0
  clip rect(0 0 0 0)
  height 1px
  margin -1px
  overflow hidden
  padding 0
  position absolute
  width 1px

// Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: <http://h5bp.com/p>
.visuallyhidden.focusable
  &:active
  &:focus
    clip auto
    height auto
    margin 0
    overflow visible
    position static
    width auto

// Hide visually and from screenreaders, but maintain layout
.invisible
  visibility hidden

// Contain floats: <http://h5bp.com/q>
.clearfix
  *zoom: 1
  &:before
  &:after
    content ""
    display table
  &:after
    clear both