changes fluid header test to make it work in all clients

diff --git a/test/visual/pages/button-expanded-inky.html b/test/visual/pages/button-expanded-inky.html
new file mode 100644 (file)
index 0000000..7d9a6f8
--- /dev/null
+++ b/test/visual/pages/button-expanded-inky.html
@@ -0,0 +1,10 @@
+<container>
+  <row>
+  <columns small="12" large="6">
+    <button href="zurb.com" class="expand">button 1</button>
+  </columns>
+  <columns small="12" large="6">
+    <button href="zurb.com" class="expanded">example text 2</button>
+  </columns>
+  </row>
+</container>
\ No newline at end of file

diff --git a/test/visual/pages/fluid-header.html b/test/visual/pages/fluid-header.html
new file mode 100644 (file)
index 0000000..5dae0ea
--- /dev/null
+++ b/test/visual/pages/fluid-header.html
@@ -0,0 +1,108 @@
+<style>
+.header {
+  background: #8a8a8a;
+  width: 100%;
+}
+
+.header p {
+  color: #ffffff;
+  margin-top: 16px;
+  Margin-top: 16px;
+}
+
+.header .container {
+  background: #8a8a8a;
+}
+
+.header .container td {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+</style>
+
+
+<style>
+.header {
+  background: #8a8a8a;
+  width: 100%;
+}
+
+.header p {
+  color: #ffffff !important;
+  padding-top: 16px !important;
+  padding-top: 16px !important;
+}
+
+.header .container {
+  background: #8a8a8a !important;
+}
+</style>
+
+
+<table class="header">
+  <tr>
+    <td>
+
+    <center>
+      <container>
+        <row>
+          <columns small="6" large="6">
+            <img src="http://placehold.it/50" alt="logo">
+          </columns>
+          <columns small="6" large="6">
+            <p class="text-right">thing</p>
+          </columns>
+        </row>
+      </container>
+    </center>
+
+    </td>
+  </tr>
+</table>
+
+
+
+
+<!-- <wrapper class="header">
+ 
+  <center>
+    <container>
+      <row>
+        <columns small="6" large="6">
+          <img src="http://placehold.it/50" alt="logo">
+        </columns>
+        <columns small="6" large="6">
+          <p class="text-right">thing</p>
+        </columns>
+      </row>
+    </container>
+  </center>
+
+</wrapper> -->
+
+<!-- <table class="header">
+  <tr>
+    <td>
+
+      <center>
+        <container>
+          <row>
+            <columns small="6" large="6">
+              <img src="http://placehold.it/50" alt="logo">
+            </columns>
+            <columns small="6" large="6">
+              <p class="text-right">thing</p>
+            </columns>
+          </row>
+        </container>
+      </center>
+
+    </td>
+  </tr>
+</table> -->
+
+
+<container>
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error atque, tempore illo nobis. Iure delectus eveniet ut, eaque molestias necessitatibus dicta, eos quidem ex maxime neque quae, fugiat temporibus amet.</p>
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nisi error, labore porro reiciendis est, voluptate quasi exercitationem ad sed, odio, rem quos nostrum beatae consequatur. Velit accusantium, quo alias!</p>
+</container>
\ No newline at end of file

diff --git a/test/visual/pages/spacer.html b/test/visual/pages/spacer.html
new file mode 100644 (file)
index 0000000..c6e5de3
--- /dev/null
+++ b/test/visual/pages/spacer.html
@@ -0,0 +1,7 @@
+<container>
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error atque, tempore illo nobis. Iure delectus eveniet ut, eaque molestias necessitatibus dicta, eos quidem ex maxime neque quae, fugiat temporibus amet.</p>
+  <spacer size="32"></spacer>
+  <img src="http://placehold.it/32" alt="">
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur nisi error, labore porro reiciendis est, voluptate quasi exercitationem ad sed, odio, rem quos nostrum beatae consequatur. Velit accusantium, quo alias!</p>
+</container>
+