Sass负变量值？

Question

我有两个scss选择器，使用相同数量的正片和负片，如：

padding: 0 15px 15px;
margin: 0 -15px 20px -15px;

我更喜欢使用一个变量为所有的15px金额，但这不工作：

$pad: 15px;
padding: 0 $pad $pad;
margin: 0 -$pad 20px -$pad;

保证金金额转换为正数。我错过什么了吗？

Answer 1

在考虑了前面的两个答案后，我加上了我的两个便士，但随后读到这篇文章（强调我的）：

尤其应该避免使用像#{$number}px这样的插值。这实际上并没有创建一个数字！它创建一个看起来像数字的无引号字符串，但不能用于任何数字操作或函数。尝试将您的数学单位清理干净，以便$number已经具有该单位px，或者写入$number*1px。

来源

因此，我认为正确的方法如下，它保留了SASS/SCSS的数学能力：

$pad: 15px;
padding: 0 $pad $pad;
margin: 0 $pad*-1 20px $pad*-1;

Answer 2

根据sass指南，一个更合理的解决方案是插入变量，如以下示例：

margin: 0 -#{$pad} 20px -#{$pad};

例如：https://www.sassmeister.com/gist/c9c0208ada0eb1fdd63ae47830917293

Answer 3

像这样试试

margin: 0 (-$pad) 20px (-$pad);