如何在带有sass的转换语句中强制使用括号？

Question

我想在sass中动态构建转换语句（作为mixin参数），我不确定如何强制使用括号。

$dir: translateY;
$val: 42;
$i: 3;

.test {
  transform: #{$dir}(#{$val * $i}) scale(1);
}

应该变成

.test {
  transform: translateY(126) scale(1);
}

它在libsass下完成了这一点，但不幸的是我不能在这个项目中使用它。另一方面，我可以使用@if语句来完成它，但感觉不一样。

Answer 1

您需要引用它然后再次使用插值：

$dir: translateY;
$val: 42;
$i: 3;

.test {
  // either of these will work
  transform: #{'#{$dir}(#{$val * $i})'} scale(1);
  transform: #{$dir}#{'(#{$val * $i})'} scale(1);
}