purist-css
Version:
Purist a complete reimagining of Yahoo's Pure to be less opinionated and more abstracted.
103 lines (93 loc) • 2.05 kB
CSS
/* ==========================================================================
#tables-core
========================================================================== */
/*
table
========================================================================== */
/**
* The table object applies common table patterns to tables.
*
* Usage:
*
* <table class="o-table">
* <thead>
* <tr>
* <th></th>
* <th></th>
* <th></th>
* </tr>
* </thead>
* <tbody>
* <tr>
* <td></td>
* <td></td>
* <td></td>
* </tr>
* </tbody>
* </table>
*/
.o-table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.o-table th {
text-align: left;
}
/*
#table--rows
========================================================================== */
/**
* The table--rows modifier applies a thin border above each row.
*
* Usage:
*
* <table class="o-table o-table--rows">
* <thead>
* <tr>
* <th></th>
* <th></th>
* <th></th>
* </tr>
* </thead>
* <tbody>
* <tr>
* <td></td>
* <td></td>
* <td></td>
* </tr>
* </tbody>
* </table>
*/
.o-table--rows td {
border-top: 1px solid;
}
/*
#table--cells
========================================================================== */
/**
* The table--cells modifier applies a thin border around each cell.
*
* Usage:
*
* <table class="o-table o-table--cells">
* <thead>
* <tr>
* <th></th>
* <th></th>
* <th></th>
* </tr>
* </thead>
* <tbody>
* <tr>
* <td></td>
* <td></td>
* <td></td>
* </tr>
* </tbody>
* </table>
*/
.o-table--cells th,
.o-table--cells td {
border: 1px solid;
}