CSS benutzerdefinierte Funktionen und Mixins

Das Modul CSS benutzerdefinierte Funktionen und Mixins ermöglicht Entwicklern das Erstellen von wiederverwendbaren CSS-Codeblöcken, die Argumente akzeptieren können, komplexe Logik enthalten (definiert durch Funktionen wie die CSS if() Funktionen und @media at-rules), und basierend auf dieser Logik Werte zurückgeben.

CSS benutzerdefinierte Funktionen werden in @function at-rules definiert und mit der Syntax <dashed-function> aufgerufen, die der CSS benutzerdefinierter Eigenschaften Syntax sehr ähnlich sieht, außer dass sie Klammern am Ende enthält, die Argumente beinhalten (zum Beispiel --my-function(30px, 3)). CSS benutzerdefinierte Funktionen können innerhalb jedes Eigenschaftswerts aufgerufen werden und geben einen Wert basierend auf den in die Funktion übergebenen Argumenten und der darin enthaltenen Logik zurück.

CSS Mixins werden in @mixin at-rules definiert und mit @apply at-rules in verschachtelten Regelmengen angewendet. CSS-Mixins definieren eine Menge von Eigenschaften, die innerhalb mehrerer Regelmengen wiederverwendet und mit Argumenten und Logik angepasst werden können.

CSS benutzerdefinierte Funktionen und Mixins können optionale Datentypen für ihre Argumente und Rückgabewerte zugewiesen werden, um die in sie übergebenen und von ihnen zurückgegebenen Werte einzuschränken.