@include responsive-rule('.layout-fixed'){ table-layout: fixed;}

.uniformTable{
    width:100%;
    
    td,
    th {
        padding: 0.5em;
    }
    
    tr + tr {
        td,
        th{
            border-top-width: 1px;
        }
    }
    
    &.-snug{
        td,
        th,
        .table-cell {
            padding: 0.2em 0.5em;
        }
    }
    
    &.-tight{
        td,
        th,
        .table-cell {
            padding: 0 0.5em;
        }
    }
    
    &.-striped{
        tr:nth-child(2n+1){
            background-color: transparent;
        }
    }
    
    //----------------------------------------------------------------
    //             Head
    //----------------------------------------------------------------
    thead{
        tr:last-child{
            border-bottom-width: 1px;
        }
    }
    
    th{
        font-weight: bold;
        text-transform: uppercase;
        font-size: 0.8em;
    }
}