这样说(sass 映射):
$small:(
side-spacing: 14px
);
$medium-aux:(
side-spacing: 28px
);
$large:(
side-spacing: 38px
);
有没有办法构建一个输出上述内容并接收值的“函数”?喜欢(假):
build_spacings(14px, 28px, 38px);
他们问我为什么这不是一个重复的问题:我说的是 sass 映射,不一定是全局映射。
最佳答案
如果使用 !global
关键字,您可以设置这些全局变量。
这是将在您的问题中生成 map 的工作代码:
@mixin build_spacings ($s, $m, $l) {
$small: (
side-spacing: $s
) !global;
$medium-aux: (
side-spacing: $m
) !global;
$large: (
side-spacing: $l
) !global;
}
@include build_spacings(14px, 28px, 38px);
您可以在 SassMeister 看到它在工作.
关于css - sass map 的动态输出?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44587498/