Contents

.table{
    display:table;
    width:100%;
    & > *,
    .row > *{
        display:table-cell;
        float:none;
        &.top{
            vertical-align:top;
        }
        &.middle > *{
            vertical-align:middle;
        }
    }
    .row{
        display:table-row;
    }
    
    @include apply-media-sizes('&.break'){
        & > *,
        .row > *{
            display:block;
            float:inherit;
        }
        .row{
            display:block;
        }
    }
}

.uniformTable{
    width:100%;
    .row > *,
    tr td,
    th {
        padding: 0.5em;
        border-bottom: 1px solid $gray-light;
    }
    
    .head > *,
    thead th{
        color: lighten($gray, 20);
        border-bottom: 1px solid darken($gray-light, 20) !important;
    }
    
    .head.dark > *,
    thead.dark th{
        background: lighten($background, 2);
    }
    
    tr.middle > td,
    td.middle,
    &.middle > *,
    .middle{
        vertical-align:middle;
    }

    tr.top > td,
    td.top,
    &.top > *,
    .top{
        vertical-align:top;
    }
    
    &.hover{
        tr:hover td{
            background: lighten($blue, 50);
        }
    }
    
    .row:last-of-type,
    tr:last-of-type{
        td, th{
            border-bottom: none;
        }
    }
    &.invert{
        .row > *,
        td, th{
            border-bottom-color: lighten($gray, 10);
        }
    }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
uniform-ui-1.0	vendor/assets/stylesheets/uniform/components/table.scss