基金会宝石不兼容的单位:'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在我的案例中,覆盖变量是个问题.