如何在scss中使用list express？

Question

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

orgininal 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中定义变量？特别是变量是一个列表。

Answer 1

您只需要在行中附加分号，然后就可以使用有效的SCSS。例如：$family-sans-serif: "Avenir", Helvetica, Arial, sans-serif;

Answer 2

我将这些用于项目中的变量，具体取决于您使用@ 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;
}