使用负值在 SASS 中执行失败

Question

我有几个SCSS选择器，我在其中使用以下代码，工作正常：

.order-summary{
    background-color: #e2f0f3;
    padding: $padding-large-horizontal+5;
}

但是每当我更改为下面的代码（作为负值）时，它都会显示错误

.order-summary{
    background-color: #e2f0f3;
    padding: $padding-large-horizontal-1;
}

$padding-大-水平已经定义为基数 12px;

任何帮助将不胜感激。谢谢。

Answer 1

像下面这样使用

padding: ($padding-large-horizontal - 1);

Answer 2

问题只是由于破折号。SASS 认为 $padding-large-horizontal-1 是变量的名称。您还必须分开：

$padding-large-horizontal -1