如何生成不同的变量使用@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内)
或者我们必须手动编写......