css - 尝试声明 SASS 颜色变量并获取 'Invalid CSS'？

Question

我正在尝试在我的下一个元素(Pomodoro Clock)中首次使用 SASS。首先，我只想声明我的颜色变量并设置背景颜色。当我尝试应用样式时出现此错误:

Invalid CSS after "...(35, 61, 77, 1)": expected expression (e.g. 1px, bold), was ";"

我的代码如下。

/*All variables declared*/
$japaneseIndigo: rgba(35, 61, 77, 1);
$babyPowder: rgba(255, 255, 250, 1);
$princetonOrange: rgba(254, 127, 45, 1);
$yankeesBlue: rgba(28, 48, 65, 1);
$mediumSpringGreen: rgba(24, 242, 178, 1);
/*Apply styles*/
*{
padding: 0;
margin: 0;
box-sizing: border-box; 
}
body {
  background-color: $yankeesBlue;
}

我知道这是一个 super 简单的问题，不需要这个论坛来回答，但我真诚地用谷歌搜索并在其他地方寻求帮助，但没有任何运气。感谢您的帮助。

Answer 1

你使用的是 sass 还是 scss ？我不认为你被允许使用';'在 .sass 文件中。 从这里得到它:Sass Invalid CSS Error: "expected expression" 并仔细检查:http://sass-lang.com/guide