Contents

/**
 * @copyright   2010-2013, The Titon Project
 * @license     http://opensource.org/licenses/bsd-license.php
 * @link        http://titon.io
 */

@import "../common";

.table {
    width: 100%;
    background: $gray;
    border-collapse: collapse;

    th, td {
        padding: $padding;
        line-height: 110%;
        vertical-align: top;
        border: 1px solid $gray-dark;
    }

    // Move headings to bottom
    thead th {
        vertical-align: bottom;
        text-align: left;
    }

    // Allow for multiple tbody's
    tbody + tbody { border-top-width: 2px; }

    // Row colors
    thead tr,
    tfoot tr {
        background: $gray-dark;

        th { border-color: $gray-darkest; }
    }

    // Zebra striping
    tbody tr {
        background: $gray;

        &:nth-child(odd) { background: $gray-lightest; }
        &.table-divider { background: $gray-dark; }
    }
}

.table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
}

//-------------------- Modifiers --------------------//

.table.has-hover {
    tbody tr:not(.table-divider):hover { background: #fff; }
}

.table.is-sortable {
    thead th {
        padding: 0;

        > a,
        > span {
            padding: $padding;
            display: block;
        }

        > a {
            background: $gray-dark;

            &:hover { background: $gray-darkest; }
        }
    }
}

//-------------------- Sizes --------------------//

.table.small {
    thead th,
    tbody td { padding: $small-padding; }

    &.is-sortable {
        thead th {
            padding: 0;

            > a,
            > span { padding: $small-padding; }
        }
    }
}

.table.large {
    thead th,
    tbody td { padding: $large-padding; }

    &.is-sortable {
        thead th {
            padding: 0;

            > a,
            > span { padding: $large-padding; }
        }
    }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
titon-toolkit-1.0.0	scss/toolkit/components/table.scss
titon-toolkit-1.0.0.rc.3	scss/toolkit/components/table.scss