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

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