Document .hide-text and .text-hide
This commit is contained in:
parent
7a7149d2ee
commit
e25ca1e7a9
|
@ -81,6 +81,7 @@
|
|||
<li><a href="#helper-classes-floats">Quick floats</a></li>
|
||||
<li><a href="#helper-classes-clearfix">Clearfix</a></li>
|
||||
<li><a href="#helper-classes-screen-readers">Screen reader content</a></li>
|
||||
<li><a href="#helper-classes-image-replacement">Image replacement</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
|
|
12
css.html
12
css.html
|
@ -2292,6 +2292,18 @@ For example, <code><section></code> should be wrapped as inline.
|
|||
}
|
||||
{% endhighlight %}
|
||||
|
||||
|
||||
<h3 id="helper-classes-image-replacement">Image replacement</h3>
|
||||
<p>Utilize the <code>.hide-text</code> mixin or <code>.text-hide</code> class to help replace an element's text content with a background image.</p>
|
||||
{% highlight html %}
|
||||
<h1 class="text-hide">Custom heading</h1>
|
||||
{% endhighlight %}
|
||||
{% highlight css %}
|
||||
// Usage as a Mixin
|
||||
.heading {
|
||||
.hide-text();
|
||||
}
|
||||
{% endhighlight %}
|
||||
</div>
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue