Question

I can't use shorthand when I need to use variable arithmetic in SASS,

This is expected result:

text-shadow: 0 -2px white;

But when I code this:

$shadow: 2px;
text-shadow: 0 -$shadow white;

But I get this:

text-shadow: -2px white;

How to fix that?

Was it helpful?

Solution

Found a solution:

text-shadow: 0 #{-$shadow} white;
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top