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 ‬;
}

Answer 2

我有同样的问题，这是由于一个不可见的角色。我使用 $font-size-micro: $font-size-base * .625‬ !default; 格式的语句，并且 space 在 !default 文本之前不正确。我从剪贴板粘贴它。

一旦我更正了 space 样式表，编译就没有任何问题。 Sass Playground 帮助我从 Harshal Patil 上面的评论中找到了问题。

0.625rem‬ isn't a valid CSS value