如何在减号的两侧使用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

我刚注意到我必须在()所以

中包含减号

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

作品

还有以下内容:(但只有在第一次通话也需要减号时才需要）

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