连接 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+")";
}

连接 SASS/SCSS 中的特殊字符

Concatenating special characters in SASS/SCSS

css

sass

scss-lint