Sintassi per la condizione if / else nel mixin SCSS

Ciao, sto cercando di imparare SASS / SCSS e sto cercando di rifattorizzare il mio mixin per clearfix

quello che vorrei è che il mixin si basi sul fatto che io passi al mixin una larghezza.

pensieri fino ad ora (solo pseudo codice poiché includerò altri mixin)

@mixin clearfix($width) {

   @if !$width {

    // if width is not passed, or empty do this

   } @else {

        display: inline-block;
        width: $width;
   }
}

ecco come pensavo di chiamarlo, ma non funziona.

@include clearfix();

o

@include clearfix(100%)

o

@include clearfix(960px)

Apprezzerei qualsiasi aiuto sul modo migliore o giusto per farlo!

Potresti provare questo:

$width:auto;
@mixin clearfix($width) {

   @if $width == 'auto' {

    // if width is not passed, or empty do this

   } @else {
        display: inline-block;
        width: $width;
   }
}

Non sono sicuro del risultato desiderato, ma l'impostazione di un valore predefinito dovrebbe restituire false.

È possibile assegnare i valori dei parametri predefiniti inline quando si crea per la prima volta il mixin:

@mixin clearfix($width: 'auto') {

  @if $width == 'auto' {

    // if width is not passed, or empty do this

  } @else {

    display: inline-block;
    width: $width;

  }
}

È possibile impostare il parametro predefinito su nullo false.
In questo modo, sarebbe più breve verificare se un valore è stato passato come parametro.

@mixin clearfix($width: null) {

  @if not ($width) {

    // if width is not passed, or empty do this

  } @else {

    display: inline-block;
    width: $width;

  }
}