CSS-Benutzerdefinierte Funktionen und Mixins

Das Modul CSS-Benutzerdefinierte Funktionen und Mixins ermöglicht es Entwicklern, wiederverwendbare CSS-Codeblöcke zu erstellen, die Argumente akzeptieren, komplexe Logik (definiert durch Funktionen wie CSS if() und @media-At-Regeln) enthalten und basierend auf dieser Logik Werte zurückgeben können.

CSS-Benutzerdefinierte Funktionen werden in @function-At-Regeln definiert und verwenden die <dashed-function>-Syntax, die der CSS-Benutzerdefinierte Eigenschaft-Syntax sehr ähnlich ist, jedoch mit Klammern am Ende, die Argumente enthalten (zum Beispiel --my-function(30px, 3)). CSS-Benutzerdefinierte Funktionen können innerhalb eines jeden Eigenschaftswerts aufgerufen werden und geben einen Wert basierend auf den in die Funktion übergebenen Argumenten und der Logik innerhalb der Funktion zurück.

CSS-Mixins werden in @mixin-At-Regeln definiert und mit @apply-At-Regeln angewendet, die innerhalb von Regelsets verschachtelt sind. CSS-Mixins definieren eine Gruppe von Eigenschaften, die in mehreren Regelsets 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 übergebenen und zurückgegebenen Werte einzuschränken.