Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add styles for table footers
  • Loading branch information
Keenan Payne
Keenan Payne committed Nov 12, 2015
commit d34ee943b8e70b9aa895557c434ffa3e55887cf1
3 changes: 3 additions & 0 deletions dist/concise.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
2 changes: 1 addition & 1 deletion dist/concise.min.css

Large diffs are not rendered by default.

7 changes: 6 additions & 1 deletion src/core/layout/_tables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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);
Expand Down Expand Up @@ -71,7 +76,7 @@ table {
border: 3px solid white;
border-radius: 8px;
}

table { margin-bottom: 0; }
}

Expand Down
8 changes: 8 additions & 0 deletions test/test.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down