使用SASS从@extend类创建mixin？

Question

我有一个可以扩展的课程：

%h1 {
  font-size: 50px;
}

但是我这样做的选择器太多了。我想改为创建一个mixin。我希望CSS输出为：

.something {
 font-size: 50px;
}

// Some other code 

.something-else {
 font-size: 50px;
}

我可以使用以下内容执行此操作，但这意味着必须重复规则：

%h1 {
  font-size: 50px;
}
@mixin h1 {
  font-size: 50px;
}

这会导致错误：

%h1,
@mixin h1 {
  font-size: 50px;
}

这样可行，但选择器再次聚集在一起，所以它确实有我想要的mixin的好处

%h1 {
  font-size: 50px;
}
@mixin h1 {
  @extend %h1;
}

Answer 1

onDraw()