Sass SCSS函数在CSS输出中保持未编译状态

Sass SCSS函数在CSS输出中保持未编译状态,sass,Sass,看来我的函数一定有语法错误 定义如下: @function v($i, $a: $ba) { $ca: $i*$a; $x: $r*(sin($ca) + $p*sin($q*$ca)); $y: $r*(cos($ca) - $p*cos($q*$ca)); $z: $r*sin(($q + 1)*$ca); @return $x, $y, $z; } 在我的output style.css文档中,我仍然可以看到函数调用: --v: v($i) 在这种情况下,您需要在调用函数的地方使用

看来我的函数一定有语法错误

定义如下:

@function v($i, $a: $ba) {
$ca: $i*$a;

$x: $r*(sin($ca) + $p*sin($q*$ca));
$y: $r*(cos($ca) - $p*cos($q*$ca));
$z: $r*sin(($q + 1)*$ca);

@return $x, $y, $z;
}
在我的output style.css文档中,我仍然可以看到函数调用:

--v: v($i)

在这种情况下,您需要在调用函数的地方使用:

.selector {
  --v: #{v($i)};
}

在这种情况下,您需要在调用函数的地方使用:

.selector {
  --v: #{v($i)};
}

任何时候都行,丹尼尔。我自己发现插值的必要性在Sass中令人费解,或者更像是在必要的时候。您需要在字符串中使用插值,例如
::在
内容之前,如果我没有弄错的话,还需要在CSS函数中使用插值,例如
calc()
。在您的例子中,我认为CSS变量的值可能被视为字符串,因此有必要进行插值,但这只是一个猜测。任何时候都可以。我自己发现插值的必要性在Sass中令人费解,或者更像是在必要的时候。您需要在字符串中使用插值,例如
::在
内容之前,如果我没有弄错的话,还需要在CSS函数中使用插值,例如
calc()
。在您的例子中,我认为CSS变量的值可能被视为字符串,因此有必要进行插值,但这只是一个猜测。