基础 gem 不兼容的单位：'rem' 和 'px'

Question

我已经安装了版本 5.5.2.1 的基础 gem。当我启动应用程序时，我收到此错误：

Showing /home/user/Scrivania/sites/store/app/views/layouts/application.html.erb where line #9 raised:

Incompatible units: 'rem' and 'px'.

根据互联网上的其他一些案例，我尝试更改我的 gem 文件夹中的文件 _settings.scss：

../../var/lib/gems/2.1.0/gems/foundation-rails-5.5.2.1/vendor/assets/stylesheets/foundation/_settings.css

我已经评论了这些行：

$row-width: rem-calc(1000);
$column-gutter: rem-calc(30);
$total-columns: 12;

我已经设置了我的自定义 $base-font-size：

 $base-font-size: 14px;
 $rem-base: $base-font-size;

我不想降级我的 gem，你能帮我解决这个错误吗？

Answer 1

问题出现在 SCSS 中的某处，因为您在函数中混合了 rem-calc 和 px，这将引发错误。我遇到了同样的问题，并通过将某些自定义样式和覆盖更改为rem-calc 来修复它。您可能正在覆盖与默认基础样式冲突的变量。

以下是此错误可能发生的示例：

$my-font-size: rem-calc(18);
.my-class { 
  font-size: ($rem-number - 5px); 
}

但是，当您使用 Foundation 在具有 rem-calc 的函数中使用的 px 值覆盖变量时，仍然会发生这种情况。

我建议您查看您的foundations_and_overrides.scss，看看您是否使用px 值覆盖了任何变量，然后将其更改为rem-calc。覆盖$topbar 变量是我的问题。