gulp + comb-media-queries: Выбираем заказ

Question

Я использую gulp-combine-media-queries на проекте LESS, и он работает как ожидалось.
НО, мне нужно добавить media query для max-height и cmq всегда ставит max-height ниже в порядке запросов СМИ, так что я могу заменить его с max-width без использования !important или добавления дополнительных селекторов в CSS. Кто-нибудь знает, как управлять порядком cmq выплескивает медиа-запросы или задачу с глотком, которая объединяет медиа-запросы и дает мне контроль?
Я пробовал https://www.npmjs.com/package/gulp-combine-media-queries и https://www.npmjs.com/package/gulp-combine-mq. Благодаря

POST:
я был в состоянии управлять заказ путем изменения:
@media (max-height:900px){}
в
@media (min-width:1024px) and (max-height:900px){}
, но это просто чувствует, как Hacky решение.

Answer 1

Вы можете создать mixin в LESS, а затем для этого класса или идентификатора просто используйте созданный mixin и свойство, которое вы хотите изменить. и т.д.

.RoundBorders { 
    border-radius: 5px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
} 

#menu { 
    color: gray; 
    .RoundBorders; 
} 

Answer 2

Вы можете использовать сочетание медиазапросы с LESS Mixins в нативном образом, проверить статью Combine & handle Media Queries in LESS