css - 使用SASS mixin输出变量

我正在尝试采取以下措施：

@mixin raleway() {
    @include font-face("ralewayregular", font-files("raleway/raleway-regular-webfont.woff", "raleway/raleway-regular-webfont.ttf", "raleway/raleway-regular-webfont.svg"), "raleway/raleway-regular-webfont.eot");
    $raleway: "ralewayregular", Arial, sans-serif;
}

然后，使用mixin：

@include raleway();

body {
    font: 16px $raleway;
}

但是，尝试编译时出现了Undefined variable: "$raleway".错误。看起来mixin无法使变量可用，有人知道在SASS中是否可行？

最佳答案

Nico O在他的评论中几乎是这样说的，但她是一个例子。将以下代码放在文件顶部附近：

@include font-face("ralewayregular", font-files("raleway/raleway-regular-webfont.woff", "raleway/raleway-regular-webfont.ttf", "raleway/raleway-regular-webfont.svg"), "raleway/raleway-regular-webfont.eot");
$raleway: "ralewayregular", Arial, sans-serif;

然后在文件中稍后要使用字体时：

body { font: 16px $raleway; }

如果要在Sass中读取变量作用域，请签出this link。希望这可以帮助。