Compass – Mac, iOS, Design, Tontechnik, Fotografie

Gumy Framework mit SASS über CodeKit unter Yosemite nutzen

Wer schon das neue Mac Betriebssystem Yosemite in Verbindung mit CodeKit (Review folgt noch irgendwann) und dem Gumby Framework (Artikel) nutzt hat vielleicht auch schon eine dieser Fehlermeldungen erhalten:

Fehlermeldungen:

Error: File to import not found or unreadable: modular-scale.
Load paths:
/Users/***/Path/to/project/public/sass
Sass::Globbing::Importer
on line 21 of /Users/***/Path/to/project/public/sass/gumby.scss
Use --trace for backtrace.

Compass was unable to compile one or more files in the project:

error /Users/***/Path/to/project/public/sass/gumby.scss (/Users/***/Path/to/project/public/bower_components/gumby/sass/extensions/modular-scale/lib/modular-scale.rb:122:in `delete_if': can't modify frozen Array)
Compilation failed in 1 files.

Lösungsweg

Der Grund für diese Fehlermeldungen sind einige Inkompatibilitäten. Solange diese nicht behoben sind kann man den Fehler umgehen, indem man die Vesionen von SASS und Compass downgreaded:

Im Teminal installiet man wie folgt:

sudo gem install compass --version 0.12.6
sudo gem install sass --version 3.2.19
sudo gem install modular-scale

Gefunden habe ich diese Lösung auf GitHub. Vielen Dank an ARolek.

Einstellungen für CodeKit

Man muss nun CodeKit anweisen die gerade installierten Versionen von Sass und Compass zu verwenden. Dazu geht man in die Einstellungen und wählt die entsprechenden Versionen aus:

Nun sollte CodeKit eure SASS-Dateien wieder ordnungsgemäß kompilieren.

SASS (& Compass) – Die ersten Schritte

Da ich viel mit Webdesign und Programmierung zu tun habe ist es zugegeben seltsam, dass ich mich jetzt erst mit dieser Technologie auseinandersetze, aber irgendwie hab ich davor nie die Zeit gefunden. SASS (oder zuvor LESS) ist nun schon seit einiger Zeit in aller Munde. Aber was ist eigentlich SASS?

SASS ist ein sogenannter Preprocessor. Um es vereinfacht auszudrücken: Er erweitert CSS um viele nützliche Funktionen wie Variablen, Subtemplates, mathematische Operationen benutzerdefinierte Funktionen und vieles mehr.

Ich habe mir SASS mal ein wenig angeschaut und möchte nachfolgend nun ein wenig über die Ersten Schritte berichten. Es werden aber sicher noch weitere Artikel folgen.