@table-default-border-color:#AAA;
@table-default-background-color:#FFF;

// Table theme b
//
// Generated with config: <i>_themeName=b, cellPadding=4px 8px, outerBorder=false, themeIndex=2, themeName=b</i>
//
// .table-theme-b - Normal state style.
// .table-theme-b.table-folded - Folded style.
// .table-theme-b.table-widened - Widened style.
//
// Markup:
//<table class="table-theme-b {$modifiers}">
//    <thead>
//    <tr>
//        <th>th1</th>
//        <th>th2</th>
//    </tr>
//    </thead>
//    <tbody>
//    <tr>
//        <td>td00</td>
//        <td>td01</td>
//    </tr>
//    <tr>
//        <td>td10</td>
//        <td>td11</td>
//    </tr>
//    </tbody>
//</table>
//
// Styleguide 6.2

.table-theme-b(@border-color:@table-default-border-color;
@background-color:@table-default-background-color;){
    border-collapse:collapse;
    td,th{
        padding:4px 8px;
        border:1px solid @border-color;
    }
    
    th,td{
        &:first-child {border-left:none;}
        &:last-child {border-right:none;}
    }
    thead tr:first-child {
        th,td {border-top:none;}
    }
    tbody tr:last-child {
        th,td {border-bottom:none;}
    }
    &.table-folded{
        th,td{
            border-left:none;
            border-right:none;
        }
    }
    
    &.table-folded{
        width: 100%;
        box-sizing: border-box;
        tbody,tr,th,td {
            display:block;
            margin:0;
        }
        thead{
            display:none;
        }
        th,td{
            margin-bottom: -1px;
        }
        td{
            text-align:right;
        }
    }
    &.table-widened{
        width: 100%;
        box-sizing: border-box;
    }
}


.table(@border-color;@background-color;){
    .table-theme-a(@border-color;@background-color;);
}
