@include size-rules('.table'){
    display:table;
    width:100%;
    & > *,
    .row > *{
        display:table-cell;
        float:none;
        &.-top{
            vertical-align:top;
        }
        &.-middle > *{
            vertical-align:middle;
        }
    }
    .row{
        display:table-row;
    }
}
.cell-top{
    vertical-align: top;
    td, th{
        vertical-align: top;
    }
}

.cell-middle{
    vertical-align: middle;
    td, th{
        vertical-align: middle;
    }
}

.uniformTable{
    width:100%;
    .row > *,
    tr td,
    th {
        padding: 0.5em;
        border-bottom: 1px solid color('gray-light');
    }
    
    &.tight{
        .row > *,
        tr td,
        th {
            padding: 0.2em 0.5em;
        }
    }
    
    &.tight-more{
        .row > *,
        tr td,
        th {
            padding: 0 0.5em;
        }
    }
    
    &.no-pad{
        .row > *,
        tr td,
        th {
            padding-left: 0;
            padding-right: 0;
        }
    }
    
    .head > *,
    thead th{
        color: color('gray-dark');
        border-bottom: 1px solid color('gray');
    }
    
    .head.dark > *,
    thead.dark th{
        background: lighten(color('background'), 2);
    }
    
    tr.middle > td,
    td.middle,
    &.middle > *,
    .middle{
        vertical-align:middle;
    }
    
    tr.bottom > td,
    td.bottom,
    &.bottom > *,
    .bottom{
        vertical-align:bottom;
    }

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

.uniformTableDotLeaders{
    line-height: 1;
    table-layout: fixed;
    & > * > td,
    & > * > * > td,
    & > * > th,
    & > * > * > th{
        padding-top:0.3em;
        padding-bottom: 0.3em;
        vertical-align:bottom;
    }

    & > * > td,
    & > * > * > td{
        padding-left:0.5em;
    }

    & > * > th,
    & > * > * > th{
        background: icon-circle(6, 8, 1, color('gray'));
        background-repeat: repeat-x;
        background-position: left bottom;
        span{
            background-color: white;
            padding-right: 0.5em;
            position: relative;
        }
    }
    & > thead{
        & > * > th{
            background:none;
        }
    }
    &.bg-background{
        & > * > th,
        & > * > * > th{
            background-image:radial-gradient(black 1px, color('background') 0px);
            span{
                background-color: color('background');
            }
        }
    }
}