Css 不太重要的mixin

为了生成这样的实用程序类，我进行了一次混合：

.margin(@name, @size){
  .@{name} {margin: (@size)px;}
  @media (max-width: 767px) {
    .xs-@{name} {margin: (@size)px;}
  }
}

很好，但是当我打电话的时候

.margin（m-n，0）！重要的

生成的css是：

.m-n {
  margin: 0 !important;
}
@media (max-width: 767px) {
  .xs-m-n {
    margin: 0;
   }
}

但我想：

.m-n {
  margin: 0 !important;
}
@media (max-width: 767px) {
  .xs-m-n {
    margin: 0 !important;
   }
}

有什么想法吗
 这里有一个与补充参数一起工作的解决方案

.margin(@name, @size, @important: false){
    .@{name} when (@important = false){
        margin: (@size)px; 
    }
    .@{name}   when (@important = true) {
        margin: (@size)px !important; 
    }

    @media (max-width: 767px) {
        .xs-@{name} when (@important = false) {
            margin: (@size)px;
        }
        .xs-@{name}  when (@important = true) {
            margin: (@size)px !important;
        }
    }
}

然后，您可以简单地调用
.margin（m-n，0）
或
.margin（m-n，0，true）
以下是一个使用补充参数的解决方案

.margin(@name, @size, @important: false){
    .@{name} when (@important = false){
        margin: (@size)px; 
    }
    .@{name}   when (@important = true) {
        margin: (@size)px !important; 
    }

    @media (max-width: 767px) {
        .xs-@{name} when (@important = false) {
            margin: (@size)px;
        }
        .xs-@{name}  when (@important = true) {
            margin: (@size)px !important;
        }
    }
}

然后你可以简单地调用
.margin（m-n，0）
或
.margin（m-n，0，true）
我不认为
！重要信息
将使用此方法（至少在v1.7.5之前）应用于媒体查询中的属性。对于这种特殊的情况，可以使用不同的（但又是循环的）方法。你能给我一些关于你的方法的信息吗？我不认为
！重要信息
将使用此方法（至少在v1.7.5之前）应用于媒体查询中的属性。对于这种特殊的情况，可以采用一种不同的方法，你能给我一些关于你的方法的信息吗？