From: Mark Otto <otto@github.com>
Date: Wed, 4 Sep 2013 19:08:07 +0000 (-0700)
Subject: Fixes #10417: Document `.hidden` in the Helper classes *Screen reader content* section
X-Git-Tag: v3.0.1~65
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6ce9b4d0419b1afbea11afe65a47c82966a89a2a;p=thirdparty%2Fbootstrap.git

Fixes #10417: Document `.hidden` in the Helper classes *Screen reader content* section
---

diff --git a/css.html b/css.html
index 64540ad61c..c6701a66a2 100644
--- a/css.html
+++ b/css.html
@@ -2353,7 +2353,18 @@ For example, <code>&lt;section&gt;</code> should be wrapped as inline.
 
 
     <h3 id="helper-classes-screen-readers">Screen reader content</h3>
-    <p>Hide an element to all users <em>except</em> screen readers with <code>.sr-only</code>. Necessary for following <a href="{{ page.base_url }}getting-started#accessibility">accessibility best practices</a>. Can also be used as a mixin.</p>
+    <p>Hide an element everywhere, <strong>including screen readers</strong>, with <code>.hidden</code>. Can also be used as a mixin.</p>
+{% highlight html %}
+<div class="hidden"></div>
+{% endhighlight %}
+{% highlight css %}
+// Usage as a Mixin
+.example {
+  .hidden();
+}
+{% endhighlight %}
+
+    <p>Hide an element to all devices <strong>except screen readers</strong> with <code>.sr-only</code>. Necessary for following <a href="{{ page.base_url }}getting-started#accessibility">accessibility best practices</a>. Can also be used as a mixin.</p>
 {% highlight html %}
 <a class="sr-only" href="#content">Skip to content</a>
 {% endhighlight %}