SASS / SCSS使用变量来定义几个属性？

Question

我要执行以下操作：

$test: color: red; background-color: green; font-size: $foo;

有没有办法，我应该怎么做呢？

尝试执行上述操作时， codepen向我吐了一个错误 。

Answer 1

如果要在Sass中定义多个属性，可以使用地图，如下所示：

$test: (
    item-one: red, 
    item-two: green, 
    item-three: $foo
);

但是，由于仅在规则中允许使用属性，因此无法实现要通过地图实现的目标。

正如cimmanon指出的，最好使用mixin。