LESS: можно ли собирать одинаковые @media в один?

Question

[Сергей]

Есть примерно следующая структура LESS:

.class1 {
    font-size: 20px;
        @ media (max-width: 400px) {
            font-size: 10px;
        }
}
.class2 {
    color: blue;
        @ media (max-width: 400px) {
            color: red;
        }
}

Что на выходе даст CSS:

.class1 {
    font-size: 20px;
}
@ media (max-width: 400px) {
    .class1 { font-size: 10px; }
}
.class2 {
    color: blue;
}
@ media (max-width: 400px) {
    .class2 { color: blue; }
}

Можно ли сделать так, чтобы все одинаковые media-query собирались в один? То есть чтобы получилось следующее:

.class1 {
    font-size: 20px;
}
.class2 {
    color: blue;
}
@ media (max-width: 400px) {
    .class1 { font-size: 10px; }
    .class2 { color: blue; }
}

Answer 1

[Alexander Mischuk]

Этим занимаются постпроцессоры. Например, gulp-combine-media-queries