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.