gulp + combine-media-queries:选择订单

时间:2015-04-17 19:41:08

标签: gulp less css-preprocessor

我在gulp-combine-media-queries项目中使用LESS,它按预期工作。
但是,我需要为media query添加max-heightcmq始终按照媒体查询的顺序添加max-height,因此我可以使用{{1}覆盖它不使用max-width或向CSS添加更多选择器。有没有人知道控制命令的方法cmq吐出媒体查询或结合媒体查询的gulp任务并让我控制?
到目前为止,我已尝试https://www.npmjs.com/package/gulp-combine-media-querieshttps://www.npmjs.com/package/gulp-combine-mq。 感谢

发表:
我能够通过改变来操纵订单:
!important

@media (max-height:900px){}
但这只是一个hacky解决方案。

1 个答案:

答案 0 :(得分:0)

您可以在LESS中创建mixin然后为该Class或Id创建mixin和您想要更改的属性。等等

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

#menu {
  color: gray;
  .RoundBorders;
}