css - 如何在scss中使用列表表达？

我尝试将Sass样式转换为scss样式格式。

原始的sass文件是：

$family-sans-serif: "Avenir", Helvetica, Arial, sans-serif

我尝试使用：

$family-sans-serif: ("Avenir", Helvetica, Arial, sans-serif);

但是我得到错误提示：

 Error in beforeCreate hook: "Error: Module build failed:
 $family-sans-serif: ("Avenir", Helvetica, Arial, sans-serif);
 ^
 Media query expression must begin with '('

如何在scss中定义变量？尤其是变量是一个列表。

最佳答案

我将这些用于项目中的变量，具体取决于您是否使用@ font-face等

$font-josefin:  "JosefinSans", Helvetica, Arial, sans-serif;
$font-raleway:  "Raleway", sans-serif;

在我的项目中，我将变量称为。

body {
    font-size: $default-px;
    font-size: $default-rem;
    line-height: 1.8em;
    font-weight: 400;
    font-family: $font-raleway;
    letter-spacing: 0;
    font-style: normal;
}