From: Tim Hartwick <tdhartwick2@gmail.com>
Date: Tue, 19 Jan 2016 21:13:17 +0000 (-0800)
Subject: simple is pretty good
X-Git-Tag: v2.0.0-rc.1~37
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=1d0cdc9294ba5cc2e5cfa7cdb68fd6579523ad97;p=thirdparty%2Ffoundation%2Ffoundation-emails.git

simple is pretty good
---

diff --git a/scss/ink/components/_inline-list.scss b/scss/ink/components/_inline-list.scss
index 9fc7233d..f2ad4876 100644
--- a/scss/ink/components/_inline-list.scss
+++ b/scss/ink/components/_inline-list.scss
@@ -8,14 +8,21 @@
 /// @group inline-list
 ////
 
-table.inline-list {
-  width: 100% !important;
-}
+table.menu {
+  width: 100%;
 
-td.vertical {
-  padding-top: 10px !important;
+  td,
+  th {
+    display: inline-block;
+    padding: 20px;
+  
+  }
 }
 
-table[class="body"] table.inline-list td.vertical {
-  display: block !important;
-}
+table.menu.simple {
+  td,
+  th {
+    padding: 0;
+    padding-right: 10px;
+  }
+}
\ No newline at end of file
diff --git a/scss/ink/components/_media-query.scss b/scss/ink/components/_media-query.scss
index 8ae2541d..207966ac 100755
--- a/scss/ink/components/_media-query.scss
+++ b/scss/ink/components/_media-query.scss
@@ -121,7 +121,7 @@ table[class="body"] .hide-for-desktop {
 
 }
 
-// table[class="body"] table.inline-list {
+//  table.inline-list {
 //   td,
 //   th {
 //     width: auto !important;
diff --git a/scss/ink/components/_type.scss b/scss/ink/components/_type.scss
index b4bc92af..a51c149e 100755
--- a/scss/ink/components/_type.scss
+++ b/scss/ink/components/_type.scss
@@ -110,7 +110,8 @@ h5,
 h6,
 p,
 td,
-th {
+th,
+a {
   color: $global-font-color;
   font-family: $global-font-family;
   font-weight: $global-font-weight;
diff --git a/testing/src/pages/index.html b/testing/src/pages/index.html
index 5a3a427e..0322e0cb 100644
--- a/testing/src/pages/index.html
+++ b/testing/src/pages/index.html
@@ -2,68 +2,50 @@
   <tr>
     <td>
 
-    <table class="block-grid up-2" cellspacing="0">
+    <table class="row">
       <tr>
-        <td style="background:red;">
-          <p style="text-align: center;">one</p>
-        </td>
-        <td style="background: pink;">
-          <p style="text-align: center;">two</p>
+        <td class="large-12 small-12 columns">
+          <table class="menu">
+            <tr>
+            {{#repeat 10}}
+              <td>
+                <a href="http://google.com">One</a>
+              </td>
+            {{/repeat}}
+            </tr>
+          </table>
         </td>
       </tr>
     </table>
 
-    <table class="block-grid up-3">
+    <table class="row">
+      <th class="large-12 small-12 columns" style="background: pink;">
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quas, veritatis atque eligendi voluptatem natus fugiat! Iste officia ipsum sit quam, nam facere ea voluptatibus totam accusamus provident fugit reprehenderit!</p>
+      </th>
+    </table>
+
+    <table class="row">
       <tr>
-        <td style="background:red;">
-          <p style="text-align: center;">one</p>
-        </td>
-        <td style="background: pink;">
-          <p style="text-align: center;">two</p>
-        </td>
-        <td style="background:red;">
-          <p style="text-align: center;">three</p>
+        <td class="large-12 small-12 columns">
+          <table class="menu simple">
+            <tr>
+            {{#repeat 10}}
+              <td>
+                <a href="http://google.com">One</a>
+              </td>
+            {{/repeat}}
+            </tr>
+          </table>
         </td>
       </tr>
     </table>
 
-      <table class="block-grid up-4">
-        <tr>
-          <td style="background:red;">
-            <p style="text-align: center;">one</p>
-          </td>
-          <td style="background: pink;">
-            <p style="text-align: center;">two</p>
-          </td>
-          <td style="background:red;">
-            <p style="text-align: center;">three</p>
-          </td>
-          <td style="background: pink;">
-            <p style="text-align: center;">four</p>
-          </td>
-        </tr>
-      </table>
+    <table class="row">
+      <th class="large-12 small-12 columns" style="background: pink;">
+        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis quas, veritatis atque eligendi voluptatem natus fugiat! Iste officia ipsum sit quam, nam facere ea voluptatibus totam accusamus provident fugit reprehenderit!</p>
+      </th>
+    </table>
 
-      <table class="block-grid up-5">
-        <tr>
-          <td style="background:red;">
-            <p style="text-align: center;">one</p>
-          </td>
-          <td style="background: pink;">
-            <p style="text-align: center;">two</p>
-          </td>
-          <td style="background:red;">
-            <p style="text-align: center;">three</p>
-          </td>
-          <td style="background: pink;">
-            <p style="text-align: center;">four</p>
-          </td>
-          <td style="background:red;">
-            <p style="text-align: center;">five</p>
-          </td>
-        </tr>
-      </table>
-    
 
     </td>
   </tr>