css - sass maps的动态输出？

这样说（无礼地图）：

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

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

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

有没有一种方法可以构建一个输出上述内容并接收值的“函数”？像（假）：

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

他们问我为什么这不是一个重复的问题：我是专门针对Sass地图，而不是全球地图。

最佳答案

如果使用!global关键字，则可以设置这些全局变量。

这是将在您的问题中生成地图的工作代码：

@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 maps的动态输出？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44587498/