diff options
Diffstat (limited to 'site/docs')
| -rw-r--r-- | site/docs/4.1/utilities/image-replacement.md | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/site/docs/4.1/utilities/image-replacement.md b/site/docs/4.1/utilities/image-replacement.md index 0d5a4d30c..ab092d67f 100644 --- a/site/docs/4.1/utilities/image-replacement.md +++ b/site/docs/4.1/utilities/image-replacement.md @@ -8,6 +8,7 @@ toc: true {% 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" %} @@ -27,7 +28,10 @@ Utilize the `.text-hide` class or mixin to help replace an element's text conten 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. -{% capture example %} -<h1 class="text-hide" style="background-image: url('/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1> -{% endcapture %} -{% include example.html content=example %} +<div class="bd-example"> + <h1 class="text-hide" style="background-image: url('{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1> +</div> + +{% highlight html %} +<h1 class="text-hide" style="background-image: url('..');">Bootstrap</h1> +{% endhighlight %} |