Das Design 4.0 ist mit Less aufgebaut. Less erweitert CSS um einige nützliche Funktionen. Mehr dazu siehe: Getting started | Less.js (Englisch)

Die Less Dateien befinden sich unter: css/design40/less

Da der Browser keine Less Dateien versteht müssen diese zu CSS kompiliert werden. Der zu verwendende compiler heisst lessc. Unter Debian kann dieser installiert werden mit:

    sudo apt install node-less
    

Zum Kompilieren der Dateien aus dem Verzeichnis der Less Dateien den folgenden Befehl ausführen:

    lessc -x style.less ../style.css
    

Dies produziert das neue Stylesheet oder gibt einen Fehler aus.

Für lokale Anpassungen sollten die folgenden Dateien verwendet werden:

Diese Dateien können leer sein, wenn Sie das originale kivitendo Design nicht anpassen möchten. Die originalen Custom-Dateien enthalten nur Kommentare und deaktivierten Beispielcode.

Nach dem Anpassen müssen die Less Dateien wie oben beschrieben neu kompiliert werden.

4.9.3.1. Beispiel für Anpassung von Farben

Siehe dazu die Beispieldatei unter: css/design40/less/custom_less_variables-example.less

Abbildung 4.1. Screenshot mit einigen Variablennamen beschriftet

Weitere Informationen siehe auch: css/design40/less/READ_ME.md

HTML Entwickler Dokumentation kivitendo CSS (Design 4.0) unter: Developer Tools → CSS Dokumentation (css/design40/manual/index.html)

	Tipp
	Die HTML Seiten können auch als Live Test Seiten für das Design verwendet werden.