From: RafiBomb <rafi@zurb.com>
Date: Fri, 10 Jun 2016 22:06:31 +0000 (-0700)
Subject: adds valign to docs
X-Git-Tag: v2.2.0~11^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=cdc1b084e4bed1f97573503d4dce67ea5d7b31a9;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds valign to docs
---

diff --git a/docs/pages/alignment.md b/docs/pages/alignment.md
index 2d4ad8a2..cebbe72a 100644
--- a/docs/pages/alignment.md
+++ b/docs/pages/alignment.md
@@ -188,4 +188,28 @@ Centering the menu is a common practice. Wrapping the menu in `<center>` tags wi
   </menu>
 </center>
 ```
+
+---
+
+## Vertical Alignment
+
+You can vertically align your content within columns by using `valign` attribute. The available values are `top`, `middle`, and `bottom`.
+
+```inky_example
+<row>
+  <columns large="3" valign="top">
+    <img class="float-right" src="http://placehold.it/50" alt="">
+  </columns>
+  <columns large="3" valign="bottom">
+    <h4>Bottom</h4>
+  </columns>
+  <columns large="3" valign="middle">
+    <h4 style="margin-bottom: 0;" class="text-right">HEADLINE</h4>
+    <p style="margin-bottom: 0;" class="text-right subheader">SUBHEADLINE</p>
+  </columns>
+  <columns large="3" valign="middle">
+    <img class="small-float-center" src="http://placehold.it/250" alt="">
+  </columns> 
+</row> 
+```
 <br>
diff --git a/package.json b/package.json
index 722bdf00..7947dfb0 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
     "gulp-sourcemaps": "^1.6.0",
     "gulp-wrap": "^0.11.0",
     "gulp-zip": "^3.2.0",
-    "inky": "zurb/inky#brandonbarringer-hr",
+    "inky": "zurb/inky",
     "lazypipe": "^1.0.1",
     "motion-ui": "^1.1.1",
     "multiline": "^1.0.2",
diff --git a/test/visual/pages/attributes.html b/test/visual/pages/attributes.html
index 9f86896c..c400ac0b 100644
--- a/test/visual/pages/attributes.html
+++ b/test/visual/pages/attributes.html
@@ -29,5 +29,6 @@
     <columns large="8" valign="middle" align="center">
       <h4 style="margin-bottom: 0;" class="text-right">HEADLINE</h4>
       <p style="margin-bottom: 0;" class="text-right subheader">SUBHEADLINE</p>
-    </columns>  
+    </columns> 
+  </row> 
 </container>