Sass 无效的 CSS 预期表达式（例如 1px，粗体），为“%;”答案

【问题标题】：Sass Invalid CSS expected expression (e.g. 1px, bold), was "%;"Sass 无效的 CSS 预期表达式（例如 1px，粗体），为“%;”
【发布时间】：2022-02-15 22:06:18
【问题描述】：

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

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

编译器正在抱怨宽度语句末尾的“+ %”。如果我从公式中删除它，它编译得很好，但我试图理解这里的初衷是什么。谁能给我一些解释（我期望的是）几年前的旧语法以及当前的 sass/scss 编译器期望看到什么来达到相同的结果？

我已经安装了 Ruby Sass v3.7.4，我已经部署了 bourbon（并修复了导入）和整洁（还修复了导入语句）。我怀疑我最终会在屏幕上更多地敲打我的头......但这里的任何指针都将不胜感激。

【问题讨论】：

标签： sass

【解决方案1】：

(100 / 3) + %

表示percentage 中 100 的三分之一。

你可以这样做：

$width: percentage(100 / 3);

然后使用$width。

【讨论】：