First commit.
This commit is contained in:
commit
b7977e1c28
2 changed files with 28081 additions and 0 deletions
25
sass/base/tables/_tables.scss
Normal file
25
sass/base/tables/_tables.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
// Tables
|
||||
//
|
||||
// The `<table>` element displays tabular data in rows, columns, and cells.
|
||||
//
|
||||
// Markup: tables-table.twig
|
||||
//
|
||||
// Weight: 1
|
||||
//
|
||||
// Style guide: base.table
|
||||
|
||||
table {
|
||||
// Add vertical rhythm margins.
|
||||
@include margin(1 0);
|
||||
// Remove most spacing between table cells.
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
// Prevent cramped-looking tables
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
// Remove most spacing between table cells.
|
||||
padding: 0;
|
||||
}
|
||||
39
sass/base/tables/tables-table.twig
Normal file
39
sass/base/tables/tables-table.twig
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<table class="{{modifier_class}}">
|
||||
<caption>Optional table caption.</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>First Name</th>
|
||||
<th>Last Name</th>
|
||||
<th>Username</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>1</td>
|
||||
<td>Jane</td>
|
||||
<td>Doe</td>
|
||||
<td>jdoe</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>2</td>
|
||||
<td>Jamie</td>
|
||||
<td>Morgan</td>
|
||||
<td>jmorgan</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>3</td>
|
||||
<td>Jacob</td>
|
||||
<td>Smith</td>
|
||||
<td>jsmith</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>First Name</th>
|
||||
<th>Last Name</th>
|
||||
<th>Username</th>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
Loading…
Reference in a new issue