adds valign to docs

diff --git a/docs/pages/alignment.md b/docs/pages/alignment.md
index 2d4ad8a2517652e13ef030ef9152c4949c4cf68f..cebbe72ab6cf4ceba63d32d88bf348a3b1087dd2 100644 (file)
--- 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 722bdf00930b10b1b8110354998a976d8f64dc18..7947dfb09bae2fcc3559d0f0707acfe0af59b46e 100644 (file)
--- 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 9f86896c23dddd3e1690b4f61618d898ea159b2e..c400ac0b6ac6c12abde879fcdea509a234945db3 100644 (file)
--- 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>