这个 LESS 代码是否有 SASS 等效项?具有多种样式的变量

Question

Sass 中是否有类似的东西比我可以用来实现这一目标？

@discount-title:{
    text-transform: uppercase;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 10px;
};
.discount {
    @discount-title();
}

Answer 1

它们在 Sass 中被称为 mixins。

http://sass-lang.com/guide#topic-6

这是相同的代码在sass中的样子：

@mixin discount-title() {
  text-transform: uppercase;
  font-weight: 600;
  line-height: 14px;
  margin-bottom: 10px;
}
.discount {
  @include discount-title();
}