css - 在 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+")";
}