Contao 4 + Scss: Aspect-Ratio Media Querie funktioniert nicht

[quenn]

Hallo,

ich überführe eine alte Seite von Contao 3.4 nach 4.4. Die Styles stehen in einer externen .scss, die übers Seitenlayout eingebunden wird. Es gibt einen Media Querie (max-aspect-ratio: 3/2), der greift im Contao 4 nicht mehr. Ein Blick in die Dev Tools zeigt, dass "3/2" hier zu "1.5" compiled wird. Hat jemand eine Idee, wie ich aspect-ratios in Contao 4 nutzen kann, ohne eine extra .css zu schreiben?

[quenn]

Heute habe ich die Antwort gefunden: Sass behandelt zur Zeit alle Slashes als Divisionsoperator. "aspect-ratio 3/2" wird also zur "aspect-ratio 1.5".

Man kann das Slash folgendermaßen interpolieren, damit es funktioniert:

@media screen and (min-aspect-ratio: 3#{"/"}2)

Hier gibts weitere Infos:

https://stackoverflow.com/a/31179108/2776039

Wenn man das Gefühl hat, das wegen dem Einsatz von SASS / SCSS irgendetwas nicht richtig funktioniert, ist es sinnvoll sich über die Developer Tools nach Seitenaufruf das generierte CSS sheet anzuschauen und nach dem Problem zu gucken.