Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/kotlin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css sass映射的动态输出?_Css_Sass - Fatal编程技术网

Css sass映射的动态输出?

Css sass映射的动态输出?,css,sass,Css,Sass,这样说(sass地图): 有没有一种方法可以构建一个“函数”来输出上述内容,并接收这些值?比如(假): 他们问我为什么这不是一个重复的问题:我说的是sass映射,而不是必要的全局映射。如果使用,您可以设置这些全局变量!全局关键字 以下是生成问题中地图的工作代码: @mixin build_spacings ($s, $m, $l) { $small: ( side-spacing: $s ) !global; $medium-aux: ( side-spacing

这样说(sass地图):

有没有一种方法可以构建一个“函数”来输出上述内容,并接收这些值?比如(假):



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

如果使用
,您可以设置这些全局变量!全局
关键字

以下是生成问题中地图的工作代码:

@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);

你可以看到它在工作。

可能重复的问题虽然这个问题可以找到一个可能的解决方案,但它不是一回事。人们寻找sass地图的东西,会发现这个,也许不是那个。在这里,我们并没有明确地谈论全局。
build_spacings(14px, 28px, 38px);
@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);