ruby - SASS 无效的 css 错误

Question

我刚开始使用 sass 并安装了 prepros。我试图编译一个 .scss 文件并得到一个错误：

Syntax error: Invalid CSS after " color: ": expected expression (e.g. 1px, bold), was "@blue;"

.scss 代码：

.footer {
clear: both;
background-color: @blue;

}

我安装了 Ruby 和 prepros。

Answer 1

SCSS$用来表示变量，所以它应该是background-color: $blue;

Answer 2

看起来你的语法是错误的。在 Sass 中，@用于诸如imports、media directives、partials (includes) 和extends之类的东西。

如果你想为蓝色定义一个特定的值，然后重用它，那么语法是这样的：

$blue: #3333FF;

a {
    font-weight: bold;
    color: $blue;
}