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

// Table theme a
//
// Generated with config: <i>_themeName=a, cellPadding=4px 8px, outerBorder=true, themeIndex=1, themeName=a</i>
//
// .table-theme-a - Normal state style.
// .table-theme-a.table-folded - Folded style.
// .table-theme-a.table-widened - Widened style.
//
// Markup:
//<table class="table-theme-a {$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.1

.table-theme-a(@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;
    }
    
    
    &.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;);
}
