fonts - SassMixinのオプションのパラメーター

Question

私はこのミックスインを以下に書いています：

=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;