Sass 传递映射到函数不是有效的 CSS 值

【问题标题】：Sass pass map to a function isn't a valid CSS valueSass 传递映射到函数不是有效的 CSS 值
【发布时间】：2018-01-25 09:30:59
【问题描述】：

我有一个接受 sass map 作为参数的函数。问题是当我给它一个自定义的map 它会抛出：

(color: red) 不是有效的 CSS 值。

@function is-map($var){
  @return type-of($var) == 'map';
}

@function someFunc($props...) {
  @if(is-map($props)) {
    @return 'map';
  } @else {
    @return $props;
  }
}

h2 {
  color: someFunc((color: red));
}

我期待进入 if 块并返回 'map' 字符串。我错过了什么？

【问题讨论】：

标签： css sass

【解决方案1】：

您的地图没有问题，但是您使用了$props...：

@function is-map($var){
  @return type-of($var) == 'map';
}

@function someFunc($props...) {
  @if(is-map($props...)) { /*  only difference is the three dots you don't use */
    @return 'map';
  } @else {
    @return $props;
  }
}

h2 {
  color: someFunc((color: red));
}

请阅读此site point article about SASS @function arguments。

【讨论】：