使用数字时有无效的Sass变量（有和没有px）

Question

我正在使用Sass进行项目，我遇到了变量问题。我专门使用“ .sass”格式，而不是“ .scss”

错误说：无效变量：“$ weightBold = 700”

我可以使用变量来表示像这样的颜色“$ darkGrey：＃333333”没有错误，但是当我尝试使用一个数字来表示font-weight“$ weightBold = 700”或宽度时，我确实收到错误“$ mediumWidth = 300像素“

Answer 1

数字没有问题，使用：而不是=

Answer 2

您需要使用:代替=为变量分配值：

$weightBold: 700;
$darkGrey: #333333;
$mediumWidth: 300px;

您可以在official documentation上看到一些示例：

  

使用SassScript最直接的方法是使用变量。变量以美元符号开头，并设置为CSS属性。

$width: 5em;