From: Geoff Kimball <geoff@zurb.com>
Date: Tue, 1 Dec 2015 22:55:12 +0000 (-0800)
Subject: Add explanation to the docs for why there's no .hide-for-small class #7343
X-Git-Tag: v6.0.5~12^2~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=bb109636b8afd6d109c76d9a2de6d5c698c5252a;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Add explanation to the docs for why there's no .hide-for-small class #7343
---

diff --git a/docs/pages/visibility.md b/docs/pages/visibility.md
index 7124ffdef..a21eb0b0f 100644
--- a/docs/pages/visibility.md
+++ b/docs/pages/visibility.md
@@ -45,6 +45,10 @@ A separate set of classes allow you to show content *only* on a certain screen s
 
 This example shows the opposite: It uses the `.hide` visibility classes to state which elements should disappear based on the device's screen size.
 
+<div class="primary callout">
+  <p>There's no <code>.hide-for-small</code> class, because that would just permanently hide the element. For that, you can use the plain old <code>.hide</code> class instead.</p>
+</div>
+
 ```html_example
 <p class="hide-for-medium">You are <em>not</em> on a medium screen or larger.</p>
 <p class="hide-for-large">You are <em>not</em> on a large screen or larger.</p>