在SASS / SCSS中连接特殊字符

Question

我在SASS中创建了一个mixin，代码如下。

@mixin skew($axis, $a) {
  transform: skew+$axis+($a);
  -o-transform: skew+$axis+($a);
  -moz-transform: skew+$axis+($a);
  -webkit-transform: skew+$axis+($a);
}

但输出显示为

transform:skewY-4deg;
-o-transform:skewY-4deg;
-moz-transform:skewY-4deg;
-webkit-transform:skewY-4deg

我想在-4deg附近添加括号，即transform: skewY(-4deg)

有人可以改正吗？

Answer 1

试试这个：

@mixin skew($axis, $a) {
  transform: skew+$axis+"("+$a+")";
  -o-transform: skew+$axis+"("+$a+")";
  -moz-transform: skew+$axis+"("+$a+")";
  -webkit-transform: skew+$axis+"("+$a+")";
}