使用SASS mixin输出变量

时间:2014-02-24 16:45:44

标签: css variables sass font-face

我正在努力做一些事情:

@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中使用?

1 个答案:

答案 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。希望这会有所帮助。