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?

有帮助吗?

解决方案

Found a solution:

text-shadow: 0 #{-$shadow} white;
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top