// Hide an element visually while keeping it available to screen readers.
// Backs the `.sr-only` utility and the `.form-read-only.hidden-labels` modifier.
//
// Source: http://a11yproject.com/posts/how-to-hide-content/

// $positionImportant - marks `position` as `!important`, needed by the
//   `.sr-only` utility so it wins over the positioning of whatever it is
//   applied to.
@mixin visually-hidden($positionImportant: false) {
  position: absolute#{if($positionImportant, " !important", "")};
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}