sass - SASSはプロパティをマージできますか?

Question

多分より良い質問は、ミックスインの一部をオーバーライドするより効率的な方法はありますか?

この SCSS の部分:

@mixin button {
  .button {
    background-color: red;
    color: white;
  }
}

.container {
  @include button;
  .button {
    background-color: green;
  }
}

コンパイルすると:

.container .button {
  background-color: red;
  color: white;
}
.container .button {
  background-color: green;
}

次のようにコンパイルできたらいいのにと思います。

.container .button {
  background-color: green;
  color: white;
}

Answer 1

代わりに引数を mixin に渡します。

@mixin button($color: red) {
    background-color: $color;
    color: white;
}

.container {
  .button {
    @include button(green);
  }
}