Sass 无效的 CSS 预期表达式(例如 1px,粗体)是“%;”

Sass Invalid CSS expected expression (e.g. 1px, bold), was "%;"

我从一个早已消失的开发团队那里继承了一个站点,该站点使用 scss 来编译样式 sheet。不幸的是,关于如何设置开发环境的文档不存在,虽然我在网站上进行了其他所有操作,但 scss / sass 编译过程正在损害我的理智。我在整个代码库中有以下代码和此模式的各种迭代:

    @include breakpoint($bp-medium) {
        background-color: transparent;
        width: (100 / 3) + %;
    }

宽度语句末尾的“+ %”被编译器抱怨。如果我将它从公式中删除它编译正常,但我试图了解这里的初衷是什么。有人可以给我一些解释(我期望的是)几年前的旧语法,以及当前的 sass/scss 编译器希望看到什么来实现相同的结果吗?

我已经安装了 Ruby Sass v3.7.4,并且部署了 bourbon(并修复了导入)和 neat(还修复了导入语句)。我怀疑我最终会在屏幕上再猛烈抨击我的头……但是这里的任何指示将不胜感激。

(100 / 3) + %

表示percentage中100的三分之一。

你可以这样做:

$width: percentage(100 / 3);

然后使用$width.