@mixin hide-text($height: 1em) {
  height: $height;
  line-height: 1.5;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    height: 100%;
    width: 0;
  }
}

@charset "UTF-8";

/// An image replacement mixin. It is based off the
/// [HTML5 Boilerplate image replacement](https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757c9e03dda4e463fb0d4db5a5f82d7). This technique is an alternative to the `text-indent` technique and has
/// [performance and other benefits](http://nicolasgallagher.com/another-css-image-replacement-technique/).
///
/// @param {Value} $height [1em]
///   A height declaration is required for this to function.
///
/// @example scss - Usage
///   .element {
///     @include hide-text;
///     background-image: url(logo.png);
///   }
///
/// @example css - CSS Output
///   .element {
///     height: 1em;
///     line-height: 1.5;
///     overflow: hidden;
///     background-image: url(logo.png);
///   }
///
///   .element::before {
///     content: "";
///     display: block;
///     width: 0;
///     height: 100%;
///   }

@mixin hide-text($height: 1em) {
  height: $height;
  line-height: 1.5;
  overflow: hidden;

  &::before {
    content: "";
    display: block;
    height: 100%;
    width: 0;
  }
}

Add SassDoc for hide-text mixin
Add SassDoc for hide-text mixin
