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变量的值可能被视为字符串,因此有必要进行插值,但这只是一个猜测。