css - 如何在字符串中运行 SASS 函数

Question

我有一个 sass include，里面有一个 sass 函数，需要在编译之前运行。例如我有这个包括

@include vendor-prefix("transform", "translate3d(0, reduceByHalf(-944px), 0)");

结果是

transform: translate3d(0, reduceByHalf(-944px), 0);

reducebyHalf 未被处理，因为它位于字符串中。下面是 reduceByHalf 函数的样子。

@function reduceByHalf($pxWidth, $negative:false) {

  @if $negative {
    @return -($pxWidth / 2);
  }

  @return $pxWidth / 2;
}

如何从字符串中运行 reduceByHalf 以生成正确的值？

一如既往地感谢您的帮助。

Answer 1

试试这个，

@include vendor-prefix("transform", "translate3d(0, #{reduceByHalf(-944px)}, 0)");