From 8e380861c35298cc32d4bad67e9a49b157fe18ec Mon Sep 17 00:00:00 2001
From: Danny Tatom <dannytatom@gmail.com>
Date: Tue, 28 May 2013 15:59:46 -0500
Subject: [PATCH] Added pure-help-block

---
 src/forms/css/forms-r.css         | 3 ++-
 src/forms/css/forms.css           | 8 ++++++++
 src/forms/tests/manual/forms.html | 9 +++++++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/forms/css/forms-r.css b/src/forms/css/forms-r.css
index 55027fd..495a3d0 100644
--- a/src/forms/css/forms-r.css
+++ b/src/forms/css/forms-r.css
@@ -23,7 +23,8 @@
 		margin: 1.5em 0 0 0;
 	}
 
-	.pure-form .pure-help-inline {
+	.pure-form .pure-help-inline,
+	.pure-form .pure-help-block {
 		display: block;
 		font-size: 80%;
 		padding: 0.2em 0 0.8em; /* increased bottom padding to make it group with its related input element */
diff --git a/src/forms/css/forms.css b/src/forms/css/forms.css
index 0f46d29..61ebadf 100644
--- a/src/forms/css/forms.css
+++ b/src/forms/css/forms.css
@@ -165,3 +165,11 @@
   vertical-align: middle;
   font-size: 90%;
 }
+
+/* Block help for forms */
+.pure-form .pure-help-block {
+  display: block;
+  margin: .5em 0 .2em;
+  color: #666;
+  font-size: 90%;
+}
diff --git a/src/forms/tests/manual/forms.html b/src/forms/tests/manual/forms.html
index 7c5aece..c62b23d 100644
--- a/src/forms/tests/manual/forms.html
+++ b/src/forms/tests/manual/forms.html
@@ -286,6 +286,15 @@
         ..Or this one!
        </label>
      </form>
+
+     <h2>Help text</h2>
+     <form class="pure-form pure-form-stacked">
+      <fieldset>
+        <label>Last Name</label>
+        <input type="text" />
+        <aside class="pure-help-block">Block help text</aside>
+      </fieldset>
+     </form>
     </div>
 </body>
 </html>