在 10 月 CMS 中编译 Sass 文件时出现意外结果

Question

1. 我用<link href="{{['assets/sass/rapido.scss']|theme}}" rel="stylesheet">
2. rapido.scss（主样式表）导入所有需要的样式：

@import "settings";
@import "overrides";
@import "../vendor/rfs/scss";
@import "../vendor/bootstrap/scss/bootstrap";
@import "fonts";
...
@import "footer";
@import "keyframes";

1. 我已设置'enableAssetDeepHashing' => true in config/cms.php
2. 我的资产目录的结构是：

sass
  ├── _header.scss
  ├── _footer.scss
  ├── ...
  └── rapido.scss
vendor
   ├── bootstrap
           ├── scss
                 ├── mixins
                 ├── utilities
                 ├── vendor
                 ├── _grid.scss
                 ├── _toasts.scss
                 ├── ...
                 ├── bootstrap.scss
   ├── rfs
        ├── scss.scss

问题

1. 查看编译后的 CSS，.container 类在每个响应断点处都没有设置 max-width。在我的静态实现中使用gulp-sass 时没有这个问题。
2. 响应式字体大小 (rfs/scss.scss) mixin 不起作用。 如下：

.space-py-8 {
    @include padding-top(8rem);
    @include padding-bottom(8rem);
}

编译为：

.space-py-8 {
    padding-top: if(type-of($values) != list, ($values,), $values);
    padding-bottom: if(type-of($values) != list, ($values,), $values);
}

还有这个：

body {
    @include font-size(1rem);
}

编译为：

body {
    font-size: if(type-of($values) != list, ($values,), $values);
}

同样，在我的静态实现中使用 gulp-sass 时没有这个问题。

Answer 1

尝试更新到 v1.1.1，在 v1.1 中修复了许多 SASS 编译问题，方法是切换到不同的依赖项来处理编译，因为正在使用的那个已被放弃。