如何在减号的任一侧使用scss函数[重复]

Question

我在scss中有如下功能：

@function remCalc($size, $font-size : $font-size) {
    $remSize: $size / $font-size;
    @return #{$remSize}rem;
}

但是当我想像这样使用它时：

.example {
   margin: remCalc(8px) - remCalc(16px);
}

我明白了

.example { 
   margin: ...rem-....rem; 
}

我想得到的是：

.example {
   margin: ...rem -..rem; // Note the space between "rem -"
}

所以我的问题是我该怎么做。我曾尝试将两个函数调用包装在 () 中，但这也不起作用。

我希望有人可以帮助我解决这个问题。 提前致谢

Answer 1

我刚刚注意到我必须在 () So 中包含减号

.example {
  margin: remCalc(8px) (- remCalc(16px));
}

作品

还有以下内容：（但仅在第一次调用还需要减号时才需要）

.example {
  margin: (remCalc(8px)) (- remCalc(16px));
}