SASS没有编译适当的CSS

Question

我从sass那里得到了一些关于这几行的非感性输出。

@mixin full_shadow($size, $color){
  text-shadow : $size 0 0 $color, -$size 0 0 $color, 0 $size 0 $color, 0 -$size 0 $color;
}

p {
  @include full_shadow(1.25px, red);
}

这就是奇怪的事情

p { /* Expected Output */
  text-shadow: 1.25px 0 0 red, -1.25px 0 0 red, 0 1.25px 0 red, 0 -1.25px 0 red;
}

p { /* SASS Output*/
  text-shadow: 1.25px 0 0 red, -1.25px 0 0 red, 0 1.25px 0 red, -1.25px 0 red;
}

这并不是很明显，但SASS输出在属性赋值的最后缺少一个术语。

... , -$size 0 $color;不等于定义的..., 0 -$size 0 $color;

对此的任何见解都会很棒。谢谢！

Answer 1

它被解释为减法：0 - $size。使用括号强制一元减号：

0 (-$size) 0 $color