CODEWITHSUNDEEP
csssassscss-lint
user9695282
user9695282

Reputation:

Concatenating special characters in SASS/SCSS

I have created a mixin in SASS and the codes as below.

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

But the output it shows as 

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

I want to add parentheses around -4deg i.e. transform: skewY(-4deg)

Can someone correct it?

Upvotes: 2

Views: 172

Answers (1)

warch
warch

Reputation: 2579

try this:

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

Upvotes: 1

Related Questions