Syntax für if / else-Bedingung im SCSS-Mixin

Hallo, ich versuche SASS / SCSS zu lernen und versuche mein eigenes Mixin für Clearfix umzugestalten

Ich möchte, dass das Mixin davon abhängt, ob ich das Mixin eine Breite übergebe.

Gedanken bisher (Pseudocode nur, da ich andere Mixins einschließen werde)

@mixin clearfix($width) {

   @if !$width {

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

   } @else {

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

So dachte ich, ich könnte es nennen, aber es funktioniert nicht.

@include clearfix();

oder

@include clearfix(100%)

oder

@include clearfix(960px)

Ich würde mich über jede Hilfe bei der besten oder richtigen Vorgehensweise freuen!

Sie könnten dies versuchen:

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

   @if $width == 'auto' {

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

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

Ich bin mir Ihres beabsichtigten Ergebnisses nicht sicher, aber das Festlegen eines Standardwerts sollte false zurückgeben.

Sie können Standardparameterwerte inline zuweisen, wenn Sie das Mixin zum ersten Mal erstellen:

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

  @if $width == 'auto' {

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

  } @else {

    display: inline-block;
    width: $width;

  }
}

Sie können den Parameter standardmäßig auf nulloder setzen false.
Auf diese Weise wäre es kürzer zu testen, ob ein Wert als Parameter übergeben wurde.

@mixin clearfix($width: null) {

  @if not ($width) {

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

  } @else {

    display: inline-block;
    width: $width;

  }
}