externe stylesheets mit core-funktion oder theme plus

[aportmann]

guten morgen zusammen

schon immer habe ich meine css-daten mit theme plus eingebunden. somit konnte ich die dateien mit einem editor meiner wahl bearbeiten.

da ich mich mit der extension jedoch in eine abhängigkeit begebe habe ich mir angeschaut, wie weit das feature im core mittlerweile funktioniert.

soweit so gut, ausser, dass hintergrundbilder und webfonts nicht mehr relativ zur eigentlichen css-datei referenziert werden können, sondern contao die css nach assets verschiebt.

nun frage ich mich was sauberer ist. theme plus (mit den assetic filter funktioniert die referenzierung) oder doch die corefunktion (falls contao es sich wieder andes überlegt sind alle relativen pfade ungültig).

wie handhabt ihr das?

gruss andi

[Spooky]

soweit so gut, ausser, dass hintergrundbilder und webfonts nicht mehr relativ zur eigentlichen css-datei referenziert werden können, sondern contao die css nach assets verschiebt.

Contao kopiert die CSS Datei nicht nach Assets, sondern führt alle Stylesheets, inkl. externe Stylesheets zusammen und legt die zusammengefasste Datei in assets ab. Darüberhinaus parsed Contao alle Stylesheets, inkl. externe Stylesheets und ersetzt url('...') Angaben dementsprechend. Aus url('../images/foo.png') wird dann zB url('../../files/theme/images/foo.png'), auch bei den externen Stylesheets.

Wenn das bei dir nicht passiert, läuft irgendetwas schief.


Contao führt zwar alle Stylesheets zusammen, aber leider werden nur die internen Stylesheets minified, warum auch immer (siehe auch https://community.contao.org/de/show...Cr-CSS-Dateien ).


Ich setze auch immer Theme+ ein, allerdings bin ich dadurch mehr oder weniger an den Composer gebunden, was oft noch Probleme bereitet.

[aportmann]

sali spooky

sorry, ich habe die falsche wortwahl getroffen. natürlich «verschiebt» contao die css nicht nach assets, da hast du recht. aber es führt sie zusammen und so gehen relative pfade nicht mehr von der original css aus sondern von der zusammengefassten im assets ordner.

url('../../files/theme/images/foo.png') funktioniert natürlich, finde ich aber ungünstig. wenn jetzt in einer nächsten version die zusammengefasste css nicht mehr im gleichen ordner zu liegen kommt, wirds lustig, da man alle pfade bei einem update neu setzen müsste.

d.h. für mich: weiterhin auf theme plus setzen, dort kann ich dateien zum original css referenzieren, der rest macht die extension.



gruss adi

[Spooky]

aber es führt sie zusammen und so gehen relative pfade nicht mehr von der original css aus sondern von der zusammengefassten im assets ordner.

Doch, die sollten funktionieren, weil Contao die url('...') Angaben eben umschreibt, sodass es wieder passt.

url('../../files/theme/images/foo.png') funktioniert natürlich, finde ich aber ungünstig. wenn jetzt in einer nächsten version die zusammengefasste css nicht mehr im gleichen ordner zu liegen kommt, wirds lustig, da man alle pfade bei einem update neu setzen müsste.

Warum solltest du die Pfade neu setzen müssen? Nochmal: Contao ersetzt die url('...') Parameter aus deinem originalem Stylesheet in der zusammengefassten Version, sodass die relativen Pfade wieder passen.

Wo die zusammengefasste CSS Datei liegt, spielt für dich keine Rolle.


// von welcher Contao Version reden wir überhaupt? Kann sein, dass das alles in Contao 2.x anders ist, als in 3.x

[aportmann]

Doch, die sollten funktionieren, weil Contao die url('...') Angaben eben umschreibt, sodass es wieder passt.

nein, bei extern eingebundenen stylesheets schreibt contao eben genau nichts um, deshalb das «problem» – zumindest bei mir.

Aus url('../images/foo.png') wird dann zB url('../../files/theme/images/foo.png'), auch bei den externen Stylesheets.

wenn dem so wäre, wäre ich ja zufrieden

// von welcher Contao Version reden wir überhaupt? Kann sein, dass das alles in Contao 2.x anders ist, als in 3.x

3.2.7


gruss andi

[Spooky]

Dann stimmt aber etwas nicht. In einer frischen Contao Installation bei mir wird aus url('../images/foo.png') (in einem externen Stylesheet, dass im Layout eingebunden ist) auf jeden Fall url('../../files/theme/images/foo.png') in der zusammengeführten Datei.

[aportmann]

hat mich sogleich auf eine idee gebracht ... die hochkommata machen den unterschied. bug oder feature? gleich mal schauen, was das w3c vorschreibt


gruss andi

[aportmann]

gerade gestestet, eigentlich müsste alle drei definitionen funktionieren:

{ background-image: url(../graphics/css-back.gif) }
{ background-image: url('../graphics/css-back.gif') }
{ background-image: url("../graphics/css-back.gif") }

die erste variante ohne hochkomma oder anführungszeichen funktioniert jedoch nicht.


gruss andi

[Spooky]

Ja, siehe zB https://github.com/contao/core/issues/4096
Ich glaube das ist Absicht, sodass man auch weiterhin absolute URLs (wie zB für .htc files) definieren kann.

[aportmann]

jetzt weiss ich es auf jeden fall