Фонд драгоценных камней Несовместимые единицы: 'rem' и 'px'

Я установил базовый камень с версией 5.5.2.1. когда я запускаю приложение, я получаю эту ошибку:

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

Incompatible units: 'rem' and 'px'.

Следуя некоторым другим случаям в Интернете, я попытался изменить файл _settings.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;

Я не хочу понижать свои драгоценные камни, так что вы можете помочь мне с этой ошибкой?

Ответы

Ответ 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 было проблемой в моем случае.