Tables
Display your data in style.
The basic table provides 100% width, subtle borders, and moderate padding.
@import "kolache/core/table" as .table;
One | Two | Three |
---|---|---|
table cell | table cell | table cell |
table cell | table cell | table cell | table cell | table cell | table cell |
<table class="table">
<thead>
<tr>
<th>One</th>
<th>Two</th>
<th>Three</th>
</tr>
</thead>
<tbody>
<tr>
<td>table cell</td>
<td>table cell</td>
<td>table cell</td>
</tr>
<tr>
<tr>
<td>table cell</td>
<td>table cell</td>
<td>table cell</td>
</tr>
<td>table cell</td>
<td>table cell</td>
<td>table cell</td>
</tr>
</tbody>
</table>
Tip: You can use
@import "kolache/core/table" as table;
to style all tables on the page without the use of a class.