Theme-CSS sauber mit einer Sass-Pipeline bauen

Theme-CSS sauber mit einer Sass-Pipeline bauen

Wartbares CSS entsteht nicht durch Zufall, sondern durch Struktur. In diesem
Projekt liegt jede Sektion in einem eigenen Partial unter scss/layout/ und
wird zentral über main.scss eingebunden.

Ein Partial pro Verantwortung

Header, Hero, Blog, Footer – jedes Layout-Element hat seine eigene Datei. Das
hält Diffs klein und Konflikte selten. Neue Bausteine werden einfach per
@forward ergänzt.

Nur zwei Befehle

Der komplette Build läuft über npm:

npm run build:theme-css
npm run watch:theme-css

Der Watcher kompiliert bei jeder Änderung neu – Speichern, Browser
aktualisieren, fertig. Kein schwergewichtiges Bundler-Setup nötig.