diff --git a/css.html b/css.html
index 013b579c34..7f527084f2 100644
--- a/css.html
+++ b/css.html
@@ -2332,18 +2332,20 @@ For example, <section>
should be wrapped as inline.
Force an element to be shown or hidden via display
with the use of .show
and .hide
classes. These classes use !important
to avoid specificity conflicts, just like the quick floats. They are only available for block level toggling. They can also be used as mixins.
Force an element to be shown or hidden (including for screen readers) with the use of .show
and .hidden
classes. These classes use !important
to avoid specificity conflicts, just like the quick floats. They are only available for block level toggling. They can also be used as mixins.
.hide
is also available, but it does not always affect screen readers and is deprecated as of v3.0.1. Use .hidden
or .sr-only
instead.
<section>
should be wrapped as inline.
.show();
}
.another-element {
- .hide();
+ .hidden();
}
{% endhighlight %}
Hide an element everywhere, including screen readers, with .hidden
. Can also be used as a mixin.
Hide an element to all devices except screen readers with .sr-only
. Necessary for following accessibility best practices. Can also be used as a mixin.