SASS und Compass Teil 2: Compass aufsetzen

Ich bin PC-User und trete gerade erst mit Compass/SASS in Kontakt. Nun bin ich im Begriff das Framework zu installieren. Bislang keine Schwierigkeit. Im Abschnitt "Das config-file erzeugen" heißt es jedoch, man solle an der shell in das "Root-Verzeichnis des Themes" navigieren. - Welches Verzeichnis ist damit bitte genau gemeint ... etwa mein privates Projekt-Verzeichnis, welches auch meine Standard-CSS-Verzeichnis enthält? Der Begriff "Themes" irritiert mich in diesem Zusammenhang etwas. Ich kenne seinen Gebrauch nur in Verbindung mit CMS'. Herzlichen Dank für die Hilfe und dieses ansonsten sehr hilfreiche Tut!

Danke für die Einführung. Wenn ich automatisch kompilieren möchte und vorher die config.rb angelegt habe, muss ich "compass watch config" aufrufen. Ansonsten wird eine Standardkonfiguration genutzt.

@Gerald Das Tutorial ist aus Sicht eines Drupal Users geschrieben. Das "Root Verzeichnis des Themes" kann im Falle einer statischen Website an einem beliebigen Ort sein, auf jeden Fall sollte es den Ordner mit den CSS Dateien enthalten. In deinem Falle würde ich sagen: ja, dein privates Projekt-Verzeichnis.

Moin, vielen Dank für den Anstoß! Compass in Verbindung mit Drupal… Yes!

Kleine Berichtigung aus meiner Sicht:
Mac OSX 10.7
Compass 0.12.2

Die compass.rb sollte nicht umbenannt werden und es ist ebenfalls nicht nötig Pfadangaben relativ zur Konfigurationsdatei zu machen. Meine config/compass.rb sieht bspw. wie folgt aus:

http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "js"

-- Update -- mit dem neuesten Compass 3.2.3 muß ich nun die Config auch nicht mehr anpassen. Das passt alles so: Compass config und schon kanns losgehen. In der neuesten Version ist auch der alte Fehler behoben, daß Compass den Pfad zu sich selber unter Windows nicht findet. Man kann nun also einfach Compass watch schreiben, und schon wird automatisch kompiliert, auch mit Cygwin.
Chaka!

Hallo, dass ist wirkich schön erlätert, aber kann man SCSS oder SASS oder Compass (ist ja lles irgendwie das gleiche) auch verwenden, wenn das CSS-Fiel bereits online ist und man mit Hilfe von FileZilla und Notepad++ sein CSS-File annpassen, bzw. weiterentwickeln möchte. Oder basiert das alles auf lokale Umgebungen. Auf meinen Server ist kein Rugby oder SCSS isntalliert. Es ist ein Apache-Sever und ich habe auf die Konfiguration keinen Zugriff.

Vielen Dank

MfG Steffen

Danke für den Tipp. Ich werde das mal testen und mich durcharbeiten aber das direkte Online-Arbeiten, macht doch dann mehr Sinn um die Änderungen gleich zu sehen, da ich eine CMS-Seite immer online entwickle.

Vielen Dank

MfG Steffen

Super!
Hat mir echt weitergeholfen!

@ aschiwi - nutze scout seit einiger Zeit für ein paar projekte offline. neue plugins installieren wäre ein thema - z.b. ist bei mir das rgbapng plug glaube ich nicht vorhanden - wie kann man das checken?

@ aschiwi - gem install compass-rgbapng, das meinst Du oder? Wie gesagt - Scout ist bei mir offline installiert, kein Zugriff auf das online Repository. Wollte das Plug jetzt manuell einfügen, bin das von Contao Plugs so gewohnt ;-) über die Ordnerstruktur. Suche jetzt nach einer Lösung, dass auch mit Plugs für Compass zu machen. Bin schon soweit, dass das @import funktioniert, nur es kommt kein valides CSS heraus.

/* line 3440, ../scss/main.scss */
.layouttest-article {
background: png_base64(rgba(0, 0, 0, 0.2));
background: rgba(0, 0, 0, 0.2);
}

Es gibt eine Einschränkung bei Scout. Das Einbinden von RubyGems, also anderen z.B. Plugins wie z.B. rgbapng, ist nicht vorgesehen. Eine Self-made Lösung bietet der Entwickler momentan nur für OSX.

https://github.com/mhs/scout-app/wiki/Using-RubyGems-with-ScoutApp

Für mich galt deswegen heute "back to the commandline" :-), obwohl das arbeiten mit scout schon praktisch war.

Also ich find das sowieso nicht so schlimm, von der Kommandozeile zu arbeiten. Wenn alles installiert ist, ist das Einzige, was man bei Beginn der Arbeiten machen muß, in den Theme Ordner zu gehen und über die Konsole ein "compass watch" einzugeben und dieses Konsolenfenster offen zu lassen, dann wird solange auch alles automatisch konvertiert.

Und, wie hier festgestellt, hat man alle Optionen, Plugins einzubinden. Vor allem auf SUSY möchte ich doch nicht verzichten.

Schönen Dank für die Super-Anleitung. Als eingefleischter Windows-Nutzer mal 'ne Frage. Wie kann ich Compass updaten, falls benötigt?
Maren

Schönen Dank für die Super-Anleitung. Als eingefleischter Windows-Nutzer mal 'ne Frage. Wie kann ich Compass updaten, falls benötigt?
Maren

Einfach "gem install compass" auf der Konsole eingeben. Das installiert die neueste Version von Compass. Er überschreibt nicht das alte, sondern legt einen neuen Ordner mit dem neuen neben der älteren Version an, verwendet dann aber meine ich das Neuere.

In Cygwin ist der Pfad bei mir cygwin\lib\ruby\gems\1.9.1\gems.

Danke werd ich testen sobald eine neue Version von compass im Download-Repository zur Verfügung steht.
Gruß aus dem verschneiten Norden

Da ich Compass und SUSY gerade auf meinem Rechner neu installiert habe, hier Updates von der Install-Front:
In einem meiner Kommentare (Kommentar #931, wenn man über den Titel hovert) bin ich mit den Versionsnummern durcheinandergekommen.
Die aktuelle Version von SASS ist 3.2.7 (im Kommentar war es noch 3.2.3). Die aktuelle Compass-Version ist 0.12.2. 0.13 gibt es wohl schon, wenn man gem install compass ausführt, wird aber noch 0.12.2 installiert und es funktioniert auch alles damit.

Das händische Vorgehen für Cygwin, Ruby Gems zu installieren scheint nicht mehr notwendig zu sein. Wenn man Ruby über die setup.exe von Cygwin installiert, wird Gems 1.9.1 mitinstalliert und es funktioniert.

Man muß also nur das machen und am einfachsten gem install susy eingeben, und schon ist man fertig und ready to go. Sehr schön. Die Schitte wie gem update --system kann man trotzdem durchführen, ich habe nicht im Detail getestet, ob es notwendig ist, geschadet hat es nicht. Enjoy!