Sass (Syntactically Awesome Stylesheets) ist ein CSS Präprozessor, der erweiterte Syntax für CSS erlaubt (z.B. Variablen) diese Stylesheets werden dann in CSS kompiliert, dass der Browser lesen kann.
Installation unter Windows
- Ruby installieren.
- Windows Taste drücken. Start Command Promt with Ruby eingeben und ausführen.
- gem install sass in die Kommandozeile eingeben.
Einmalige Kompilierung von Dateien
- Mit Kommandozeile in das Verzeichnis wechseln indem die Sass Datei (.scss) liegt.
- sass dateiname.scss:dateiname.css
Überwachung einer Datei
Um nach jeder Änderung automatisch zu kompilieren, wenn das Dokument gespeichert wird, kann folgender Befehl verwendet werden.
sass --watch dateiname.scss:dateiname.css
Überwachung eines Verzeichnisses
sass --watch stylesheets:stylesheets
Styles
Styles definieren den Output des CSS Codes. Es gibt folgende Styles:
- Nested (verschachtelt)
- Expanded (eingerückt)
- Compact (alles in einer Zeile)
- Compressd (ohne Leerzeichen und Zeilenumbrüxhe)
sass --watch --style compressed projektordner/scss:projektordner/css