Mixin调用函数，用于变量SCSS

Question

我有一个包含字体混合的SCSS文件，例如:

@mixin font1 {
font-size:18px;
font-weight:bold;
color:black;
}
%font1 {
@include font1
}

我想把这个字体作为默认变量包含在另一个mixin中。我尝试了多种变化，但我不能得到SCSS编译，因为它不喜欢%font1:

@mixin mainHeader($font: %font1) {
@extend #{$font};
...
}
@mixin mainHeader($font: #{%font1}) {
@extend #{$font};
...
}

是否可以包含mixin作为@extend中使用的默认变量?

Answer 1

这里%font1是一个占位符选择器，而不是mixin。如果你想把它作为一个变量来扩展它，你需要把它定义为一个字符串:

@mixin mainHeader($font:"%font1") {
@extend #{$font};
} 

当前，mixins不能动态调用。