css - Sass 将映射传递给函数不是有效的 CSS 值

Question

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

(color: red) isn't a valid CSS value.

@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 block 并返回 'map' 字符串。我错过了什么？

Answer 1

你的 map 没有问题，但是你对 $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 .