css - 如何在 scss 中使用 list express？

Question

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

Answer 1

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