Image Replacement

The .text-hide class or mixin is used to replace an element’s text content with a background image.

Syntax:

<h1 class="text-hide">Custom heading</h1>  

// Usage as a mixin  

.heading {  

  @include text-hide;  

}