在mixin中动态创建全局变量?

时间:2018-03-19 00:04:21

标签: sass scss-mixins

我想生成"颜色权重"基于基色。

@include generateColors(#518ef3, 'color-brand-1');

这将创建以下变量:

$color-brand-1: #518ef3; //base
$color-brand-1-300: lighten(#518ef3, 20%);
$color-brand-1-400: lighten(#518ef3, 10%);
$color-brand-1-500: #518ef3;
$color-brand-1-600: darken(#518ef3, 10%);
$color-brand-1-700: darken(#518ef3, 20%);

然后我可以通过变量名在应用程序中使用该色谱。

1 个答案:

答案 0 :(得分:0)

我认为这是一个好主意。 做一张地图以保持你的颜色变量有条理,你就可以了。

无法(尚未)插入函数或mixin名称。

          for $varg in $pargNode/e/node()
            return  
               if(not($varg/../@t) or $varg/../@t = 'xml:node')
                  then $varg
                  else
                     f:apply(f:Constructor($varg/../@t), $varg )