基金会宝石不兼容的单位：'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;

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

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变量是个问题。