sass - Sass Extend Works は Sassmeister とは異なります

Question

Sassmeister に入力したときに配信されるこの出力が必要です。

.brand-kampagne-klick, .brand-kampagne-klick-1 {
  margin-top: 3rem;
}
.brand-kampagne-klick img, .brand-kampagne-klick-1 img {
  width: 100%;
}
.brand-kampagne-klick .beispiel-brand-kampagne, .brand-kampagne-klick-1 .beispiel-brand-kampagne {
  margin-top: 3rem;
}

.brand-kampagne-klick-1 .brand-kampagne-right {
  margin-top: 1rem;
}

しかし、代わりに私の出力は次のとおりです。

.brand-kampagne-klick, .brand-kampagne-klick-1 {
  margin-top: 3rem; }

  .brand-kampagne-klick img, .brand-kampagne-klick .brand-kampagne-klick-1 {
    width: 100%; }

  .brand-kampagne-klick .beispiel-brand-kampagne, .brand-kampagne-klick .brand-kampagne-klick-1 {
    margin-top: 3rem; }

.brand-kampagne-klick-1 .brand-kampagne-right {
  margin-top: 1rem; }

は疑似クラスであるため.brand-kampagne-klick( % で宣言してもextendでは機能しないと思います)、どのスタイルも適用されません。

私の入力は次のとおりです。

.brand-kampagne-klick {
  margin-top: 3rem;
  img {
    width: 100%;
  }
  .beispiel-brand-kampagne {
    margin-top: 3rem;
  }
}

.brand-kampagne-klick-1 {
  @extend .brand-kampagne-klick;
  .brand-kampagne-right {
    margin-top:1rem;
  }
}

gulp-sass と sassmeister に違いはありますか? 私は使用します"gulp-sass": "~1.1.0",。