@import "../global";
@import "../color-palette";
@import "../rem-sizes";

table {
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
    width: 100%;

    td, th {
        padding: 10px 20px;
    }

    thead {
        background-color: @grey-400;
    }

    tbody, tfoot {
        background-color: @grey-100;
    }

    tbody {
        tr {
            border-top: 1px solid @grey-400;
            border-bottom: 1px solid @grey-400;

            &:nth-child(2n) {
                background-color: @grey-200;
            }
        }
    }
}