基础宝石 不兼容单位：'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'.

在互联网上的一些其他情况下，我试图改变文件设置。SCSS在我的gem文件夹:

../../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;

我不想降级我的宝石，所以你能帮我解决这个错误吗?

Answer 1

问题发生在你的SCSS的某个地方，因为你在一个函数中混合了rem-calc和px，这会抛出一个错误。我遇到了同样的问题，并通过改变某些自定义样式和覆盖rem-calc来修复它。您可能正在重写与默认基础样式冲突的变量。

下面是这个错误可能发生的例子:

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

然而，当你用一个px值覆盖一个变量时，这种情况仍然会发生，Foundation在一个函数中使用了rem-calc。

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