Gibt es Pläne zur Integration von CSS Cascade Layers?

Entwickler
1

CSS hat kürzlich die Möglichkeit eingeführt, eigene Cascade Layers zu definieren, und es scheint, dass diese Funktion zunehmend von Browsern unterstützt wird. Hoffentlich wird sie bald in allen wichtigen Browsern verfügbar sein.

Referenzen:
https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
https://css-tricks.com/css-cascade-layers/
https://www.youtube.com/watch?v=NDNRGW-_1EE

Ich war neugierig zu erfahren, ob die Aufnahme in den Discourse-Code diskutiert wird?

Ich denke, es könnte eine großartige Ergänzung sein und bei Spezifitätsschwierigkeiten helfen und uns auch helfen, die !important-Flagge zu vermeiden.

Vielleicht könnten eine Reihe von Layern im Haupt-Codebase definiert werden. Vielleicht so etwas wie:

@layer base, layout, theme, utilities;

und Theme-Entwickler können den “theme”-Layer nutzen, um einfach Anpassungen vorzunehmen, ohne so spezifisch mit Selektoren sein zu müssen oder !important-Flags zu verwenden.

6 „Gefällt mir“
2

Das scheint zwar nützlich zu sein, aber wir müssen wirklich auf eine etabliertere Browserunterstützung warten (insbesondere, da ich nicht glaube, dass dies eine vernünftige Fallback-Lösung hat?). Die meisten Browser haben dies erst im letzten Monat hinzugefügt … daher kann ich mir nicht vorstellen, es für mindestens ein weiteres Jahr zu implementieren.

11 „Gefällt mir“