Contao: Globale CSS Variablen Auswahl für Seitenbäume

[theDyingMountain]

Aktuell ist es in Contao nicht möglich, Globale CSS Variablen für verschiedene Seitenbäume zu vergeben. Ich habe den konkreten Anwendungsfall, dass sich für 2 Seitenbäume mit verschiedenen Domains nur die Farbe unterscheiden. Möchte ich mit den internen Stylesheets arbeiten, habe ich keine andere Möglichkeit, als das Theme zu kopieren und dann die Variablen für die Farben zu ändern. Damit wäre der CSS Code aber doppelt vorhanden.

Lösungsideen:

• Hook um Globale Variablen zu überschreiben
• Auswahl von CSS Variablen im Seitenlayout oder in den übergeordneten Seiteneinstellungen.

[fritzmg]

Du könntest mit regulären CSS Variablen arbeiten und bspw. {{page::rootAlias}} als body Klasse im Seitenlayout eintragen.

[theDyingMountain]

@fritzmg: ja, aber die Variablen werden leider im IE 11 noch nicht unterstützt und der ist (leider) noch oft verbreitet...

[fritzmg]

Hm, ja stimmt.

Prinzipiell musst du für so einen Fall mehrere Seitenlayouts machen, dafür sind sie eigentlich da. Allerdings verstehe ich, dass du nicht mehrere Seitenlayouts warten möchtest, nur weil du sie wegen ein paar wenigen Unterschieden kopieren musst.

Die eigentliche Lösung zu diesem Problem wären vererbbare Seitenlayouts oder Themes.

[theDyingMountain]

Ja vererbbare Themes wäre in meinem Fall wirklich hilfreich, da dort die Variablen stehen.