static/css/com/_bits/_table.scss

@import '../../_config';

%table {
    margin-bottom: $vertical-rhythm-unit*2;
    line-height: inherit;
    font-size: inherit;

    &.zebra {
        tbody tr:nth-child(odd) {
            background-color: #f5f5f5;
        }
    }

    &.wide {
        min-width: 100%;
    }

    // Table header
    thead {
        background-color: #F7F7F7;
        border-bottom-width: 2px;
    }

    // Table footer
    tfoot {
        color: #ccc;

        tr {border-bottom: none;}
    }

    // Row
    tr {
        border-bottom: 1px solid #dcdcdc;
    }

    // Header cell
    th {
        padding-top: 10px;
        padding-bottom: 6px;
        text-align: left;
        font-weight: bold;
    }

    // Cell
    th,
    td {
        padding: 6px 10px;
        vertical-align: top;

        &:first-child {
            padding-left: 12px;
        }

        &:last-child {
            padding-right: 12px;
        }
    }
}