使用@each(预编译)在SASS中生成不同的变量

时间:2013-12-27 09:27:41

标签: sass each

如何生成不同的变量使用@each,预编译而不生成html类,只生成scss变量:

_pattern_factory.scss:

$patt:(a , b, c, d, e);
@each $style in $patt {
  $pattern_#{$style}: url('../img/#{$style}.png');
}

@import到main_variables.scss。

而不是生成:

$pattern_a: url('../img/pattern-a.png');
$pattern_b: url('../img/pattern-b.png');
$pattern_c: url('../img/pattern-c.png');
$pattern_d: url('../img/pattern-d.png');
$pattern_e: url('../img/pattern-e.png');

(在main_variables.scss内)

或者我们必须手动编写......

0 个答案:

没有答案