Mixin : default value for variable arguments feature

[Nabellaleen]

Actually, it's possible to have a default value for a mixin arguments

@mixin sexy-font($font-family: sans-serif) {
  font-family: $font-family;
}

or a variable arguments (that you must fill in)

@mixin sexy-font($font-family...) {
  font-family: $font-family;
}

But it's not possible to have a default value for a variable arguments, to not be forced to fill it

@mixin sexy-font($font-family: sans-serif...) {
  font-family: $font-family;
}
// or
@mixin sexy-font($font-family...: sans-serif) {
  font-family: $font-family;
}

What do you think ?

[Frexuz]

+1

[Snugug]

You can do this currently the same way you define input defaults in JavaScript; with a check:

@mixin my-font($font-family...) {
  @if length($font-family) == 0 {
    $font-family: sans-serif;
  }

  font-family: $font-family;
}

Or, with Sass's if function:

@mixin my-font($font-family...) {
  $font-family: if(length($font-family) == 0, sans-serif, $font-family);

  font-family: $font-family;
}

[chriseppstein]

👍 That's how we expected it to be used.