css - sass map 的动态输出？

Question

这样说(sass 映射):

$small:(
  side-spacing: 14px
);

$medium-aux:(
  side-spacing: 28px
);

$large:(
  side-spacing: 38px
);

有没有办法构建一个输出上述内容并接收值的“函数”？喜欢(假):

build_spacings(14px, 28px, 38px);

---

他们问我为什么这不是一个重复的问题:我说的是 sass 映射，不一定是全局映射。

Answer 1

如果使用 !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 看到它在工作.