custom-recolumn.less

.custom-recolumn(@when-default, @when-less-than-total-width, @first-column: false) {
    .dynamic-column(@when-default, @first-column);

    @media @less-than-total-width {
        .dynamic-column(@when-less-than-total-width, @first-column);
    }

    @media @mobile {
        .full-width-column();
    }
}

.first {
    .custom-recolumn(8, 6, true);
}

.second {
    .custom-recolumn(4, 6);
}