SASS 中的计算表达式

Question

在 SCSS 文件中，我有这行代码：

@return calc((#{$span-width} / #{$container}) * 100%);

它会产生这个错误：

Undefined operation "-1 * calc((3 / 14.75) * 100%)".

我不明白

-1

是从哪里来的。更重要的是，只有在 GitHub 上而不是在我的机器上生成站点时才会发生错误。我已经 努力 消除错误 一会儿。

我尝试过的其他一些版本是：

@return percentage(math.div($span-width, $container));

@return math.div($span-width, $container) * 100%;

@return calc(($span-width / $container) * 100%);

@return calc(math.div($span-width, $container) * 100%)

我是 SASS 的新手，我只使用 Jekyll 主题中包含的

.scss

文件，所以我不知道如何在这种情况下提供 MWE。任何帮助将不胜感激！

完整功能：

@function su-span(
  $span,
  $columns,
  $gutters,
  $spread,
  $container-spread: $spread,
  $location: 1
) {
  $span: su-valid-span($span);
  $columns: su-valid-columns($columns);
  $gutters: su-valid-gutters($gutters);
  $spread: su-valid-spread($spread);

  @if (type-of($span) == 'number') {
    @if (not unitless($span)) {
      @return $span;
    }

    $location: su-valid-location($span, $location, $columns);
    $span: su-slice($span, $columns, $location, $validate: false);
  }

  @if _su-needs-calc-output($span, $columns, $gutters, $spread, not 'validate') {
    @return _su-calc-span($span, $columns, $gutters, $spread, $container-spread, not 'validate');
  }

  $span-width: _su-sum($span, $gutters, $spread, $validate: false);

  @if unitless($span-width) {
    $container-spread: su-valid-spread($container-spread);
    $container: _su-sum($columns, $gutters, $container-spread, $validate: false);
    @return #{calc((#{$span-width} / #{$container}) * 100%)};
  }

  @return $span-width;
}