包括除一个媒体查询之外的LESS mixin的所有属性

时间:2018-01-31 23:25:17

标签: css less

如果我有一个CSS类,我想继承所有属性,除了在媒体查询期间设置的一个属性,最好的方法是什么?

.my-original-class {
    margin: 70px 0 40px 0;
    background-color: @color-gray-light;

@media (min-width: @screen__m) {
    margin: 90px 0 40px 0;
}

@media (min-width: @screen__l) {
    margin: 90px 0;
}

article {
    position: relative;
    padding: 35px 0px;

    @media (min-width: @screen__s) {
        padding: 50px 30px;
    }
}
.my-slightly-different-class {
  border-radius: 50px;
 .my-original-class 
}

这基本上就是我现在所拥有的,但我想在@screen_m媒体查询中排除边距设置。

否则

.my-slightly-different-class {
 border-radius: 50px;
 .my-original-class
}
@media (min-width: @screen__m) {
.my-slightly-different-class{
    margin: 90px 0 0 0;
   }
}

有效,但输出的代码似乎不是最干净的方法,因为它只是重复重复@media查询并覆盖之前的选择。

0 个答案:

没有答案