0.625rem не является допустимым значением CSS

Question

Я компилирую свои таблицы стилей с помощью Laravel Mix.

Когда я добавляю следующую переменную:

$font-size-micro: $font-size-base * .625‬;

$font-base: 1rem, так что это должно отображать размер шрифта 10px, но яполучить эту ошибку: 0.625rem не является допустимым значением CSS .

Кто-нибудь с этой ошибкой?

Answer 1

Просто заключите ваш расчет в круглые скобки, как:

$font-size-micro: ($font-size-base * 0.625)‬;

Рассмотрите следующий SCSS;

.xyz {

  $font-size-base: 1rem;
  $font-size-micro: ($font-size-base * 0.625)‬;

  font-size: $font-size-micro;
}

Это должно привести к CSS как:

@charset "UTF-8";
.xyz {
  font-size: 0.625rem ‬;
}