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是一个伪类（我想用％表示声明并不适用于扩展），所以没有任何一个样式。

我的意见是：

.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",。