我正在努力做一些事情:
@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中使用?
答案 0 :(得分:1)
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。希望这会有所帮助。