В CSS недавно появилась возможность определять собственные каскадные слои, и, похоже, поддержка браузеров для этой функции растёт. Надеемся, что она скоро станет доступна во всех основных браузерах.
Ссылки:
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
Меня заинтересовало, обсуждается ли возможность включения этой функции в код Discourse?
Я думаю, что это могло бы стать отличным дополнением, помочь решить проблемы со специфичностью селекторов и позволит нам избежать использования флага !important.
Возможно, в основной кодовой базе можно было бы определить набор слоёв. Например:
@layer base, layout, theme, utilities;
Тогда разработчики тем могли бы использовать слой “theme”, чтобы легко добавлять кастомизации, не делая селекторы излишне специфичными и не прибегая к флагам !important.