From: RafiBomb <rafi@zurb.com>
Date: Wed, 8 Jun 2016 20:38:40 +0000 (-0700)
Subject: adds test case for source ordering and valign
X-Git-Tag: v2.2.0~11^2~5
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d9353f044793c0e9167295dff3e37f93c8e8b350;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

adds test case for source ordering and valign
---

diff --git a/package.json b/package.json
index 7947dfb0..0d4c694e 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",
+    "inky": "zurb/inky#brandonbarringer-attributes",
     "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 f0c8a20e..9f86896c 100644
--- a/test/visual/pages/attributes.html
+++ b/test/visual/pages/attributes.html
@@ -3,7 +3,7 @@
   <spacer size="32"></spacer>
 
   <row dir="rtl">
-    <columns large="4" valign="middle">
+    <columns large="4" valign="middle" align="center">
       <img class="small-float-center" src="http://placehold.it/300x200/345" alt="">
     </columns>
     <columns large="8">
@@ -13,12 +13,21 @@
   </row>
 
   <row>
+    <columns large="4" valign="middle">
+      <img class="small-float-center" src="http://placehold.it/300x200/621" alt="">
+    </columns>
     <columns large="8">
       <h4>HEADLINE</h4>
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum, soluta aliquam dolor error nisi, dolorum rem voluptatem placeat temporibus eveniet vel distinctio!</p>
     </columns>
-    <columns large="4" valign="middle">
-      <img class="small-float-center" src="http://placehold.it/300x200/621" alt="">
+  </row>
+
+  <row dir="rtl">
+    <columns large="4" valign="middle" align="center">
+      <img class="small-float-center" src="http://placehold.it/250/349" alt="">
     </columns>
-  </row>  
+    <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>  
 </container>