758 B
758 B
| layout | title | description | group | toc |
|---|---|---|---|---|
| docs | Image replacement | Swap text for background images with the image replacement class. | utilities | true |
Utilize the .text-hide class or mixin to help replace an element's text content with a background image.
{% highlight html %}
Custom heading
{% endhighlight %}{% highlight scss %} // Usage as a mixin .heading { @include text-hide; } {% endhighlight %}
Use the .text-hide class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a background-image instead of text.
{% example html %}