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

Question

好像我的函数必须有一些语法错误？

定义如下：

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

在我的输出style.css文档中，我仍然看到函数调用：

--v: v($i)

Answer 1

在这种情况下，您需要使用interpolation来调用您的函数：

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