Stylus und CSS Setup

Jetzt kümmern wir uns mal um CSS und den Preprozessor Stylus. Ausserdem würde ich gerne in meinen CSS Task (Gulp) den "Autoprefixr" einbauen, damit ich mich nicht um die Vendorprefixe kümmern muss. Gut wäre auch noch, wenn es Sourcemaps geben könnte, aber da macht glaub ich Stylus noch nicht mit.

Wenn die Zeit noch reicht, dann wäre es schön, wenn noch ein automatischer Base64-Uri Generator eingebaut werden kann. Entweder als Gulp Task, oder als Stylus Plugin.

Ausgangslage

Arbeiten und Erfolge

Ohje. Das war mal ein Reinfall.

Denn die ganze Verarbeitung von Stylus und CSS macht ja harp.js. Daher können wir gar nicht eingreifen. Und Konfigparameter kennt das Ding auch nicht. Schade!

Aber nun haben wir zumindest mal nib installiert. Immerhin.

Base64 können wir auch nicht so einfach einbauen, da wir Stylus nicht entsprechend konfigurieren können.

Der Output ist OK.

Der Autoprefixer ist schon installiert via Harpjs

Fazit

Es ist zwar nicht ganz optimal, wie es nun läuft, aber zumindest kann ich Stylus nutzen. Und Nib.

Somit kann ich alle Stylesheets in kleine Module gliedern und hab danach eine minifizierte CSS Datei.

Mehr brauch ich erst mal nicht.

Let's call this a day!

Linkliste mit Artikel zum Thema