]> git.ipfire.org Git - thirdparty/foundation/foundation-emails.git/commitdiff
added a zurb-foundation-email class
authorTim Hartwick <tdhartwick2@gmail.com>
Tue, 2 Feb 2016 23:59:55 +0000 (15:59 -0800)
committerTim Hartwick <tdhartwick2@gmail.com>
Tue, 2 Feb 2016 23:59:55 +0000 (15:59 -0800)
testing/src/layouts/default.html
testing/src/pages/offset.html [new file with mode: 0644]

index cb4ef709e245d36687ad5f40ce3dff7f2459a949..70ca795624106240bf2de50b0309c589c40f01d1 100644 (file)
@@ -9,7 +9,7 @@
 </head>
  
 <body>
-  <table class="body">
+  <table class="body zurb-foundation-email">
     <tr>
       <td class="center" align="center" valign="top">
         <center>
diff --git a/testing/src/pages/offset.html b/testing/src/pages/offset.html
new file mode 100644 (file)
index 0000000..c5c2f09
--- /dev/null
@@ -0,0 +1,49 @@
+<table class="container">
+  <tr>
+    <td>
+
+    <table class="row">
+      <tr>
+        <th class="large-8 small-8 columns">
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor ea eaque magni accusamus quisquam quod quia, molestiae, perferendis in debitis omnis, repellendus et fugiat rem obcaecati explicabo quasi deleniti ab.</p>
+        </th>
+
+        <th class="large-4 small-4 columns">
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, sequi! Velit laboriosam aliquam mollitia quas dignissimos possimus ipsa aspernatur quod fugiat maxime, veniam veritatis! Ipsa esse enim sunt voluptatum nostrum.</p>
+        </th>
+      </tr>
+    </table>
+
+    <table class="row">
+      <tr>
+        <th class="large-4 large-offset-8 small-4 small-offset-8 columns" style="background: red;">
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure natus culpa optio, saepe expedita repellendus libero reiciendis, sit explicabo consectetur sint, repudiandae, vero iusto laboriosam eum voluptate quae officiis maxime!</p>
+        </th>
+      </tr>
+    </table>
+
+
+
+    <table class="row">
+      <tr>
+        <th class="large-8 small-12 columns">
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor ea eaque magni accusamus quisquam quod quia, molestiae, perferendis in debitis omnis, repellendus et fugiat rem obcaecati explicabo quasi deleniti ab.</p>
+        </th>
+
+        <th class="large-4 small-12 columns">
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure, sequi! Velit laboriosam aliquam mollitia quas dignissimos possimus ipsa aspernatur quod fugiat maxime, veniam veritatis! Ipsa esse enim sunt voluptatum nostrum.</p>
+        </th>
+      </tr>
+    </table>
+
+    <table class="row">
+      <tr>
+        <th class="large-4 large-offset-8 small-12 columns" style="background: red;">
+          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure natus culpa optio, saepe expedita repellendus libero reiciendis, sit explicabo consectetur sint, repudiandae, vero iusto laboriosam eum voluptate quae officiis maxime!</p>
+        </th>
+      </tr>
+    </table>
+
+    </td>
+  </tr>
+</table>
\ No newline at end of file