CSS 캐스케이드 레이어 통합 계획이 있나요?

개발
1

CSS에 최근 자체 캐스케이드 레이어(cascade layers)를 정의할 수 있는 기능이 도입되었고, 브라우저 지원도 점차 확대되고 있는 것으로 보입니다. 조만간 주요 브라우저에서 모두 사용할 수 있게 되기를 바랍니다.

참고 자료:
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 코드베이스에 포함될지 논의되고 있는지 궁금합니다.

훌륭한 추가 기능이 될 수 있으며, 특정도(specificity) 관련 문제를 해결하는 데 도움이 될 뿐만 아니라 !important 플래그 사용을 피하는 데에도 기여할 수 있다고 생각합니다.

아마도 메인 코드베이스에 레이어 집합을 정의할 수 있을 것입니다. 예를 들어 다음과 같은 방식이 가능합니다:

@layer base, layout, theme, utilities;

그리고 테마 개발자는 “theme” 레이어를 활용하여 셀렉터의 특정도를 높이거나 !important 플래그를 사용할 필요 없이 쉽게 커스터마이징을 추가할 수 있습니다.

2

이 기능이 유용할 것 같긴 하지만, 더 확립된 브라우저 지원이 필요합니다(합리적인 폴백이 없는 것 같아서 특히 그렇습니다). 대부분의 브라우저가 지난 한 달 동안만 이 기능을 추가했으니, 최소 1년은 더 기다려야 구현할 수 있을 것 같습니다.