adds test case for source ordering and valign

diff --git a/package.json b/package.json
index 7947dfb09bae2fcc3559d0f0707acfe0af59b46e..0d4c694ebd993f7af4db7c12557e6f9b0066d687 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",
+    "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 f0c8a20e6e89b280a1259146ef89ec58bab62fbf..9f86896c23dddd3e1690b4f61618d898ea159b2e 100644 (file)
--- 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>