[GELÖST] CSS Media Query funktioniert nicht wegen SASS?!

[Dennis Greiffenberg, modificado 12 Anos atrás.]

Hi,

Ich möchte gerne mit Hilfe von media queries unterschiedliche Inhalte ausliefern, was eigentlich kein Problem darstellen sollte.
Irgend etwas -ich vermute SASS- verändert jedoch meinen Code.

Aus

@media (max-width: 750px) and (min-width: 520px) {
   .mydiv {
      background-color:red;
   }
}

wird Folgendes:

@media(max-width:750px) an[b][color=#ff0000]d([/b][/color]min-width:520px){.mydiv{background-color:red;}}

...wodurch die Ganze media query nicht mehr funktioniert (beachte das entfernte Leerzeichen zwischen "and" der öffnenden Klammer).

Wenn ich das Leerzeichen im Firebug wieder hinzufüge funktioniert die Query tadellos.
Kann mir einer sagen, wie ich das Leerzeichen so escape, dass es erhalten bleibt oder wie ich die Abfrage anders gestalten kann?

Vielen Dank und viele Grüße,
Dennis

[Dennis Greiffenberg, modificado 12 Anos atrás.]

Die Lösung des Problems ist das "CSS minifying" zu deaktivieren. Dies erfolgt über den folgenden Parameter in der portal-ext.properties:

minifier.inline.content.cache.size=0

HTH,
Dennis

[Olaf Kock, modificado 12 Anos atrás.]

Das sieht mir in dem Fall dann aber nach einem Bug im Minifier aus, der behoben werden sollte. Der Sinn dess Minifiers ist schließlich semantisch identisches CSS mit weniger Umfang, insbesondere auch die Kombination aller CSS files in einem einzigen. In Produktivsystemen würde ich immer empfehlen, dieses einzusetzen.

[Dennis Greiffenberg, modificado 12 Anos atrás.]

Olaf Kock:

Das sieht mir in dem Fall dann aber nach einem Bug im Minifier aus, der behoben werden sollte.

...done! -> http://issues.liferay.com/browse/LPS-25202

Viele Grüße,
Dennis

[Olaf Kock, modificado 12 Anos atrás.]

Dennis Greiffenberg:

...done! -> http://issues.liferay.com/browse/LPS-25202

Danke