sass - 从混入中删除/移除属性

Question

以下 .scss 代码:

@mixin div-base {
  width: 100px;
  color: red;
}

#data {
  @include div-base;
}

将产生:

#data {
  width: 100px;
  color: red; }

我想做这样的事情:

#data {
  @include div-base;
  remove or delete: width right here
}

生产:

#data {
  color: red;
}

是否有可能按照这些思路做一些事情？

Answer 1

最好的方法是使用 arguments在你的 mixin 上:

@mixin div-base($width: 100px, $color: red) {
  @if $width != false { width: $width; }
  @if $color != false { color: $color; }
}

#data {
  @include div-base($color: false);
}