Combine & handle Media Queries in Less

CHMQ-0.5.less

@break-small: 768px;
@break-large: 1024px;

.foo {
    color: red;
}

.bar {
    color: red;
}

.media-mixin(@break) when (@break = @break-small) {
    .foo {
        color: green;
    }
    .bar {
        color: palegreen;
    }
}

.media-mixin(@break) when (@break = @break-large) {
    .foo {
        color: blue;
    }
    .bar {
        color: lightblue;
    }
}

@media all and (min-width: @break-small) {
    .media-mixin(@break-small);
}

@media all and (min-width: @break-large) {
    .media-mixin(@break-large);
}