SASS Schnellstart – Interpolation

Variablen können in der String-Interpolation verwendet werden. Damit können Selektoren, Eigenschaften und Werte dynamisch erzeugt werden. Die Syntax für diese Variable ist #{$variable}.

$klassenName: widget;
$inhalt: 'ein Widget';
$eigenschaft: content;

.#{$klassenName}-class {
  #{inhalt}: 'Das ist #{$inhalt}';
}

// Wird umgewandelt in:
.widget-class {
  content: "Das ist ein Widget";
}

Du kannst die Interpolation jedoch nicht verwenden, um dynamisch Namen von Mixins oder Funktionen zu generieren.