带有常用词缀的嵌套属性

Question

在SCSS中，具有公共前缀的属性可以描述为嵌套属性。因此，如example，

.funky{
  font: 2px/3px{
    family: fantasy;
    size: 30em;
    weight: bold;
  }
}

编译为：

.funky{
  font: 2px/3px;
  font-family: fantasy;
  font-size: 30em;
  font-weight: bold;
}

如何使用常见的词缀进行类似的操作？如何编写将编译为此的嵌套属性：

.funky{
  color: red;
  background-color: green;
  border-color: blue;
}

Answer 1

Sass没有这样一个概念的构造。你必须修补它或写一个详细的mixin来做它。

@mixin color($background: null, $border: null, $font: null) {
    background-color: $background;
    border-color: $border;
    color: $font;
}

.foo {
    @include color($background: green, $font: red);
}