/**
 * Visually Hide Element
 *
 * @package  generator-mh-boilerplate
 * @author   Martin Herweg <info@martinherweg.de>
 * @author   David Hellmann <davidhellmann.com@gmail.com>
 */

/*
|--------------------------------------------------------------------------
| _tools.mixin.visually-hidden.scss
|--------------------------------------------------------------------------
*/


/* USAGE
 * RESULT
|--------------------------------------------------------------------------
| h1 { @include visuallyhidden(); }
| h1 { border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
   }
|--------------------------------------------------------------------------
*/


@mixin visuallyhidden() {
  position: absolute !important;
  overflow: hidden !important;

  clip: rect(0 0 0 0) !important;

  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;

  border: 0 !important;
}

// Shorthand Version
@mixin vh($args...) {
  @include visuallyhidden($args...);
}