diff options
| author | Dillon Chanis <[email protected]> | 2017-06-13 06:34:58 -0400 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-08-10 22:45:35 -0700 |
| commit | 9706ce72c92ab229f3b33c167670881c0d8f4329 (patch) | |
| tree | 47686aaeb52154feb67b9bfe5ee07bfd944a42dd /docs | |
| parent | b1b8aedf0eb2e2efa1e49702d8674b700555b727 (diff) | |
| download | bootstrap-9706ce72c92ab229f3b33c167670881c0d8f4329.tar.xz bootstrap-9706ce72c92ab229f3b33c167670881c0d8f4329.zip | |
Add clear description and use case with example
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/utilities/image-replacement.md | 11 |
1 files changed, 1 insertions, 10 deletions
diff --git a/docs/4.0/utilities/image-replacement.md b/docs/4.0/utilities/image-replacement.md index 1331a789e..98c09346b 100644 --- a/docs/4.0/utilities/image-replacement.md +++ b/docs/4.0/utilities/image-replacement.md @@ -19,17 +19,8 @@ Utilize the `.text-hide` class or mixin to help replace an element's text conten } {% endhighlight %} -The `.text-hide` class is useful for when you want the benefits heading tags like accessibility and SEO, but want to utilize your brand's logo image instead of text. +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 %} <h1 class="text-hide" style="background-image: url('/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1> {% endexample %} -{% highlight html %} -<h1 class="text-hide logo">Bootstrap</h1> -{% endhighlight %} -{% highlight scss %} -.logo { - background-image: url('/assets/brand/bootstrap-solid.svg'); -} -{% endhighlight %} - |