Image replacement

Image replacement is an utility that lets you swap text for background images by adding a single class.

Utilize the .text-hide class or mixin to help replace an element’s text content with a background image.

                
<h1 class="text-hide">Custom heading</h1>
            
                
// Usage as a mixin
.heading {
  @include text-hide;
}