Base Tables
This module sets default styles for all tables, including text-alignment, width, padding, border-collapse, and border-spacing.
| Artist | Album | Release Date |
|---|---|---|
| Huey Lewis and the News | Sports | 1983 |
| Phil Collins | No Jacket Required | 1985 |
| Peter Gabriel | So | 1986 |
<div class="overflow-scroll">
<table class="table-light">
<thead>
<tr>
<th>Artist</th> <th>Album</th> <th>Release Date</th>
</tr>
</thead>
<tbody>
<tr> <td>Huey Lewis and the News</td> <td>Sports</td> <td>1983</td> </tr>
<tr> <td>Phil Collins</td> <td>No Jacket Required</td> <td>1985</td> </tr>
<tr> <td>Peter Gabriel</td> <td>So</td> <td>1986</td> </tr>
</tbody>
</table>
</div>Use the color styles in basscss-color-tables to adjust the appearance.
CSS Source
table {
border-collapse: separate;
border-spacing: 0;
max-width: 100%;
width: 100%;
}
th {
text-align: left;
font-weight: var(--table-header-font-weight);
}
th,
td {
padding: var(--table-cell-padding-y) var(--table-cell-padding-x);
line-height: inherit;
}
th { vertical-align: bottom }
td { vertical-align: top }
8 Rules
9 Selectors
68 Declarations
66 Properties