如何从字符串中的with运行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)");

Answer 2

删除值两边的引号：

.foo {
    @include transform(translate3d(0, reduceByHalf(-944px), 0));
}

输出：

.foo {
  -moz-transform: translate3d(0, -472px, 0);
  -ms-transform: translate3d(0, -472px, 0);
  -o-transform: translate3d(0, -472px, 0);
  -webkit-transform: translate3d(0, -472px, 0);
  transform: translate3d(0, -472px, 0);
}