fonts - Sass Mixin 可选参数

Question

我在下面写这个mixin：

=font-placeholder($location, $name, $fallback: '', $fallback-style: '')
  %#{$location}-font
    font-family: "#{$name}", "#{$fallback}", $fallback-style

+font-placeholder($location: body, $name: FontName)

而不是输出这个：

%body-font {
  font-family: "FontName", "", "";

我希望它输出这个：

%body-font {
  font-family: "FontName";

有什么帮助吗？

Answer 1

如果字符串不需要引号，请不要引用它。这样您以后就不必取消引用它了。

您需要的是一个字体列表，这样您就不必担心额外的逗号或空字符串。

=font-placeholder($location, $fonts...)
  %#{$location}-font
    font-family: $fonts

+font-placeholder(body, FontName)
+font-placeholder(body, FontName, serif)
+font-placeholder(body, FontName, Arial, sans-serif)

应该生成这样的东西：

%body-font {
  font-family: FontName;

%body-font {
  font-family: FontName, serif;

%body-font {
  font-family: FontName, Arial, sans-serif;