Sass Map中的动态变量

时间:2018-08-17 16:17:24

标签: sass

我正在寻找一种从Sass映射动态生成变量的方法。到目前为止,我已经研究了多个示例,但是都使用了weight(map-get($map, 'key'))之类的函数来获取所需的内容。相反,我想生成变量。例如

font-weight:$__weight--thin;

注意上面的变量。我想从下面的Sass映射生成:

//Font Weights
$__map--font-weights:(
    xthin:     100,
    thin:      200,
    light:     300,
    regular:   400,
    medium:    500,
    semibold:  600,
    bold:      700,
    xbold:     800,
    xxbold:    900
);

此地图应吐出变量,例如:

$__weight--thin:  200;
$__weight--light: 300;
...

到目前为止,这就是我所拥有的:

@mixin makeWeights() {
  @each $key, $value in $__map--font-weights {
    $#{key}: $value
  }
}

0 个答案:

没有答案