From c5c6f3b00d8db3a79d67b01318ae27feb4d54e06 Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Tue, 17 Jul 2018 08:46:15 -0400
Subject: [PATCH] Add some more table cell examples

---
 templates/styleguide.html.to | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/templates/styleguide.html.to b/templates/styleguide.html.to
index aec9edca..4439a21d 100644
--- a/templates/styleguide.html.to
+++ b/templates/styleguide.html.to
@@ -84,32 +84,36 @@
     </ul>
   </section>
 
-  <table>
+  <table class='col--grow'>
     <thead>
       <tr>
-        <th>Table Heading</th>
-        <th class='align-right'>Table Heading</th>
-        <th>Table Heading</th>
+        <th class='table-cell--expand'>Expanded Column</th>
+        <th>Normal Column</th>
+        <th class='table-cell--align-right'>Right Aligned</th>
+        <th class='table-cell--shrink'>Shrunk</th>
       </tr>
     </thead>
 
     <tbody>
       <tr>
+        <td class='table-cell--expand'>Table Cell</td>
         <td>Table Cell</td>
-        <td class='align-right'>1,234.56</td>
-        <td>Table Cell</td>
+        <td class='table-cell--align-right'>1,234.56</td>
+        <td class='table-cell--shrink'>Table Cell</td>
       </tr>
 
       <tr>
+        <td class='table-cell--expand'>Table Cell</td>
         <td>Table Cell</td>
-        <td class='align-right'>1,231,253.43</td>
-        <td>Table Cell</td>
+        <td class='table-cell--align-right'>1,231,253.43</td>
+        <td class='table-cell--shrink'>Table Cell</td>
       </tr>
 
       <tr>
+        <td class='table-cell--expand'>Table Cell</td>
         <td>Table Cell</td>
-        <td class='align-right'>564.54</td>
-        <td>Table Cell</td>
+        <td class='table-cell--align-right'>564.54</td>
+        <td class='table-cell--shrink'>Table Cell</td>
       </tr>
     </tbody>
   </table>