5장. Cascade Layers

Cascade Layers는 selector 힘겨루기보다 우선순위 계약을 먼저 정한다. StudioBoard는 다음 순서를 한 줄에 선언한다.

@layer reset, tokens, base, layout, components, utilities, enhancements;

뒤 layer의 normal 선언이 앞 layer보다 우선한다. 외부 reset·UI 라이브러리를 낮은 layer에 넣으면 앱 코드가 거대한 selector 없이 덮을 수 있다. layer 밖 author style은 layer 안 normal style보다 강하므로 무심코 섞지 않는다.

!important의 layer 순서는 normal과 반대로 작동한다. 이것은 초기 안전장치가 나중 코드에 쉽게 무력화되지 않게 하기 위한 설계다. 팀 규칙에 layer 이름, 책임, 새 layer 승인 조건을 문서화한다.