Sass und Compass sind zwei Tools, die den Umgang mit CSS um einiges erleichtern (können). Allen, die mit den Tools nichts anfangen können, möchte ich einen Blick in Guillaume Maury’s Blogeintrag empfehlen. Im Folgenden möchte ich beschreiben, wie sich diese Tools unter Windows nutzen lassen.

Beide Tools basieren auf Ruby, welches als erstes installiert werden muss. Das klappt ganz bequem mit dem RubyInstaller, den man unter rubyinstaller.org herunterladen kann. Als Installationsverzeichnis habe ich c:\develop\Ruby191 gewählt. Wichtig ist, dass nach der Installation der Pfad zu dem bin-Unterverzeichnis, in meinem Fall c:\develop\Ruby191\bin, anschließend im PATH bei den Umgebungsvariablen von Windows eingefügt ist. Ist die Einstellung korrekt, so wird über den Befehl

ruby -v

die Versionsnummer der Rubyinstallation ausgegeben. Wird der Befehl nicht gefunden, so ist der Pfad falsch gesetzt. Die Umgebungsvariablen können übrigens mit einem Rechtsklick auf Computer über die Eigenschaften gesetzt werden. Anschließend muss in den erweiterten Einstellungen der Reiter Erweitert und dort der Button Umgebungsvariablen angeklickt werden. In meinem Fall ist dies

...c:\develop\Ruby191\bin;

Update: Wie Mathias Schopmans freundlicherweise hingewiesen hat lassen Sass und Compass lassen sich (mittlerweile?) bequem mit gem installieren. Es reicht also ein

gem install compass

für die Installation. Gem installiert die u.g. Packages und passenden Batch-Dateien in das Ruby-Bin-Verzeichnis, so dass diese auch unter Windows ausgeführt werden können.

Alte Installationsanleitung:
Sass selbst ist Bestandteil von Haml, welches unter haml-lang.com oder alternativ hier heruntergeladen werden kann. Das komplette Archiv habe ich anschließend in das Verzeichnis c:\develop\haml-3.0.13 entpackt. Auch das bin-Unterverzeichnis von Haml muss in den Path aufgenommen werden:

...;c:\develop\haml-3.0.13\bin\;

Haml selbst bringt keine Skripte mit, die sofort unter Windows ausführbar sind. Der Trick ist, dass für Windows eine entsprechende Batch-Datei erstellt wird. Für sass erstellt man also eine sass.bat im bin-Unterverzeichnis mit folgendem Inhalt:

@ECHO OFF
ruby c:\develop\haml-3.0.13\bin\sass %1 %2 %3 %4 %5 %6

Der Pfad muss bei abweichender Installation selbstverständlich angepasst werden. Die sechs übergebenen Parameter sollten für’s erste reichen. Wenn alles richtig eingetragen ist, gibt’s in der Kommandozeile über

sass -v

die Versionsnummer von Sass zurück.

Die Installation von Compass erfolgt analog zu Sass. Hier habe ich mir das Leben leicht gemacht, und das unter compass-style.org heruntegeladene Archiv einfach in den Haml-Ordner c:\develop\haml-3.0.13 entpackt. Bestehende Dateien sollten dabei nicht überschrieben werden. Zum Schluss noch im bin-Untervezeichnis eine compass.bat mit dem Inhalt

@ECHO OFF
ruby c:\develop\haml-3.0.13\bin\compass %1 %2 %3 %4 %5 %6

angelegt und schon kann’s auch mit Compass losgehen.