Den schnellsten sass, bzw. scss Compiler, sassc unter macOS installieren

Der schnellste sass bzw. scss Compiler ist der in C geschriebene sassc mit der ebenso in C geschriebenen LibSass. Folgende Schritte sind im Terminal notwendig, um ihn unter macOS zum Laufen zu bekommen.

# SassC Interpreter installieren
$ cd /usr/local/src
$ curl -kL https://github.com/hcatlin/libsass/archive/master.zip > libsass.zip
$ unzip libsass.zip

# LibSass installieren
$ cd /usr/local/src
$ curl -kL https://github.com/sass/sassc/archive/master.zip > sassc.zip
$ unzip sassc.zip

# SassC kompilieren
$ export SASS_LIBSASS_PATH="/usr/local/src/libsass-master"

$ cd sassc-master
$ make
$ sudo ln -s $(pwd)/bin/sassc /usr/local/bin/sassc
$ chmod +x /usr/local/bin/sassc

# Beispielnutzung
$ sassc ~/Desktop/input.scss ~/Desktop/output.css

Gefunden hier:
https://gist.github.com/ryanjbonnell/e03f3cf1e9f6b3cf402b

Runde Ecken mit css

Auch mit reinem css ist es möglich, runde Ecken zu stylen. Leider muss es für verschiedene Browser noch verschiedenartig definiert werden.

Der Firefox braucht es als „-moz-border-radius“ und der Safari als „-webkit-border-radius“. Unter IE funktioniert das Ganze noch überhaupt nicht, aber das ist eigentlich auch egal.

Damit es in den meisten Browser (ausser Internet Explorer) funktioniert, definiert man runde Ecken in css so:

.boxMitRundenEcken {
    border: 1px solid black;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
So sieht das dann aus