CSS ha recentemente introdotto la possibilità di definire i propri livelli di cascata (cascade layers) e sembra che stia ottenendo il supporto dei browser. Speriamo che sia presto disponibile in tutti i principali browser.
Riferimenti:
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
Ero curioso di sapere se si sta discutendo di includere questo nelle codebase di Discourse?
Penso che potrebbe essere un’ottima aggiunta e potrebbe aiutare con le difficoltà di specificità e aiutarci anche a evitare di usare il flag !important.
Forse un set di livelli potrebbe essere definito nella codebase principale. Forse qualcosa come:
@layer base, layout, theme, utilities;
e gli sviluppatori di temi possono sfruttare il livello “theme” per aggiungere facilmente personalizzazioni senza dover essere così specifici con i selettori o usare flag !important.