Stylus (Stylesheet-Sprache)
# Stylus (Stylesheet-Sprache)

Stylus ist eine Stylesheet-Sprache mit dem Ziel, das Schreiben von CSS effizienter zu gestalten. Der Stylus-Quellcode wird serverseitig zu CSS kompiliert. Der Compiler ist in JavaScript für die Plattform Node.js geschrieben.

## Syntax

Die Syntax von Stylus ist minimal gehalten – geschweifte Klammern, Semikolons und Doppelpunkte werden nicht benötigt. Im Gegensatz zu den anderen Stylesheet-Sprachen SASS/SCSS und Less ist im Quellcode ein Unterschied zwischen CSS-Klassen und Mixins erkennbar.

## Codebeispiele

Anstelle der für CSS typischen geschweiften Klammern verwendet Stylus Einrückungen, um die Eigenschaften dem Selektor zuzuordnen. Doppelpunkte und Semikolons sind optional.
Dies wird zu folgendem CSS-Code kompiliert:

### Variablen

Um Wiederholungen zu vermeiden, können in Stylus Variablen verwendet werden.
Was kompiliert wird zu:

### Mixins

Mit Mixins bzw. Funktionen müssen wiederholt-vorkommende Abläufe wie die Angabe unterschiedlicher Herstellerpräfixe nur einmal geschrieben werden.
Anmerkung: Das konkrete Beispiel mit -x-border-radius ist seit 2014 veraltet. Die Varianten mit Präfix sind seitdem wirkungslos.
Das Ergebnis:

### Geschachtelte Regeln

Hiermit können Selektoren ineinander verschachtelt werden.
wird kompiliert zu:

## Verwendung

Neben der Verwendung in Node.js existieren weitere Module, z. B. für Grunt oder für das Webframework Ruby on Rails.