1.1 KiB
1.1 KiB
| layout | title | description | group |
|---|---|---|---|
| docs | Image replacement | Swap text for background images with the image replacement class. | utilities |
{% capture callout %}
Warning
The text-hide() class and mixin has been deprecated as of v4.1. It will be removed entirely in v5.
{% endcapture %}
{% include callout.html content=callout type="warning" %}
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.
Bootstrap
{% highlight html %}