From: RafiBomb <rafi@zurb.com>
Date: Thu, 31 Mar 2016 20:09:34 +0000 (-0700)
Subject: changes fluid header test to make it work in all clients
X-Git-Tag: v2.1.0~24
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=26677a60eda012644a1ca3df4b424debf39bb451;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

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
index 00000000..7d9a6f82
--- /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
index 00000000..5dae0ea4
--- /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
index 00000000..c6e5de32
--- /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>
+