Files

• _tables.scss
• README.md

Github Page (customers only): https://github.com/esr360/Kayzen/tree/master/assets/modules/elements/tables

Module Overview

Examples

<table class="table">
    <thead>
        <tr>
            <th>Property Name</th>
            <th>Default Value</th>
            <th>Description</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><code>background-color</code></td>
            <td><code class="value">rgba(black, 0.15)</code></td>
            <td>The background color of the un-filled bar.</td>
        </tr>
        ...
    </tbody>
</table>

Fixed Width Columns

<table class="table-fixed">
    ...
</table>

Small Table

<table class="table-small">
    ...
</table>

Customizing

The tables can be customized using the following options:

Read the Configuration page to learn more about a module's configuration.

Property Name	Default Value	Description
weight	lighter	The font weight of tables.
cell-padding	0.6em	The padding of table cells.
small-font-size	0.85em	The font size of tables when using the small modifier.

To change one of the above values, pass your new value(s) to the tables() mixin in your theme file (e.g. assets/themes/Kayzen/_kayzen.scss).

@include tables((
    'weight'       : bold,
    'cell-padding' : 1em
));