0.625rem‬ isn't a valid CSS value

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; 格式使用了该语句，并且在 ！default 文本之前空格不正确。我从剪贴板粘贴了它。

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