Add styles for table footers

Keenan Payne · Keenan Payne · commit d34ee943b8e7 · 2015-11-12T11:43:23.000-08:00
diff --git a/dist/concise.css b/dist/concise.css
@@ -779,6 +779,9 @@ table {
   table thead {
     background-color: #f5f5f5;
     text-align: left; }
+  table tfoot {
+    background-color: #fbfbfb;
+    border-top: 1px solid #e0e0e0; }
   table th,
   table td {
     border-right: 1px solid #e0e0e0;
diff --git a/dist/concise.min.css b/dist/concise.min.css
diff --git a/src/core/layout/_tables.scss b/src/core/layout/_tables.scss
@@ -23,6 +23,11 @@ table {
     text-align: left;
   }
 
+  tfoot {
+    background-color: lighten(getColor(background, light), 2.5%);
+    border-top: 1px solid getColor(base, lines);
+  }
+
   th,
   td {
     border-right: 1px solid getColor(base, lines);
@@ -71,7 +76,7 @@ table {
     border: 3px solid white;
     border-radius: 8px;
   }
-  
+
   table { margin-bottom: 0; }
 }
 
diff --git a/test/test.html b/test/test.html
@@ -167,6 +167,14 @@ <h6>Heading 6 <small>Helper text</small></h6>
       </tr>
     </thead>
 
+    <tfoot>
+      <tr>
+        <td><strong>Total Users:</strong></td>
+        <td>2</td>
+        <td></td>
+      </tr>
+    </tfoot>
+
     <tbody>
       <tr>
         <td>1</td>

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,11 @@ table {`
`23`	`23`	`text-align: left;`
`24`	`24`	`}`
`25`	`25`
	`26`	`+ tfoot {`
	`27`	`+ background-color: lighten(getColor(background, light), 2.5%);`
	`28`	`+ border-top: 1px solid getColor(base, lines);`
	`29`	`+ }`
	`30`	`+`
`26`	`31`	`th,`
`27`	`32`	`td {`
`28`	`33`	`border-right: 1px solid getColor(base, lines);`
`@@ -71,7 +76,7 @@ table {`
`71`	`76`	`border: 3px solid white;`
`72`	`77`	`border-radius: 8px;`
`73`	`78`	`}`
`74`		`-`
	`79`	`+`
`75`	`80`	`table { margin-bottom: 0; }`
`76`	`81`	`}`
`77`	`82`