@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;
    }
}

.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: lighten(color('gray'), 20);
        border-bottom: 1px solid darken(color('gray-light'), 20) !important;
    }
    
    .head.dark > *,
    thead.dark th{
        background: lighten(color('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(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, th{
        padding: 0.3em 0;
    }
    td{
        vertical-align:bottom;
        padding-left:0.5em;
    }
    th{
        background: url("data:image/svg+xml; utf8,#{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;
        }
    }
    &.bg-background{
        th{
            background-image:radial-gradient(black 1px, color('background') 0px);
            span{
                background-color: color('background');
            }
        }
    }
}