SCSS静默类输出为辅助类

Question

extend normal class函数将对我不想要的类名进行分组。

所以我使用SCSS静默类。

%red {
  color: red;
}

.someclass {
  @extend %red;
}

但是如何将静默类输出为html后期使用的辅助类？

.red {
  color: red;
}

<h1 class="red">red title</h1>

Answer 1

这样做：

favorite

extend normal class函数将对我不想要的类名进行分组。

所以我使用SCSS静默类。

%red, .red {
  color: red;
}

.someclass {
  @extend %red;
}

您可以在HTML上使用类名red