如何在sass中扩展父样式？

Question

我想以BEM风格构建选择器，并具有类似以下内容：

.card {
  color: red;

  &__button {
    display: flex;
    flex-wrap: wrap;

    &-disabled {
      @extend $;
      background: black;
    }
  }
}

结果CSS如下：

.card {
  color: red;
}
.card .card__button-disabled, .card .card__button {
  background: gray;
  color: red;
  font-size: 12px;
}
.card__button-disabled {
  background: black;
}

所以我只能使用“ card__button-disabled”类名，而不是“ card__button card__button-disabled”。

我可以这样做：（并且有效）

.card {
  color: red;

  %button {
    background: gray;
    color: red;
    font-size: 12px;
  }

  &__button {
    @extend %button;

    &-disabled {
      @extend %button;
      background: black;
    }
  }
}

但是我不喜欢多余的抽象。我希望有这样的事情： @扩展父母;