Объединение специальных символов в SASS / SCSS

Question

Я создал миксин в SASS и коды, как показано ниже.

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