这个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();
}