@import './../../../style/variables.css';

:root {

}
 
@component manageSkus {
    display: block;
    lost-column: 1/3;
    padding: 15px;
    @apply --w-table-component;
    color: var(--gray);
    font-size: 12px;

    @descendent skusTable {
        overflow: hidden;
        & table {
            margin: 0;
            border: none;
            background-color: white;
        }
        & thead > tr > th {
            background-color: var(--seashell);
            font-weight: normal;
            vertical-align: middle;
            font-size: responsive 9px 12px;
            font-range: 900px 1200px;
        }
        & tbody > tr > td {
            vertical-align: middle;
        }
        & .table-title {
            text-transform: uppercase;
        }
        & button.table-button {
            @apply --w-table-button;
            float: right;
        }
    }

}
