Slate 스타일 구성

Slate는 canvas 배경부터 버튼의 글꼴과 모서리까지 CSS로 조정할 수 있습니다. 스타일을 적용할 범위를 먼저 정하면 여러 위젯과 앱에 미치는 영향을 관리하기 쉽습니다.

적용 범위 선택

• 위젯 사용자 스타일은 한 위젯을 조정하고 결과를 확인하는 데 사용합니다.
• 앱 스타일과 class는 공통 CSS를 정의하고 위젯의 Additional Classes에 적용합니다. 같은 앱의 표시를 일관되게 관리하는 방식입니다.
• 공간 공통 스타일시트는 여러 Slate 앱에서 함께 사용합니다. 저장한 변경이 사용 중인 다른 앱에도 적용됩니다.

배치와 표시

Container 위젯으로 UI를 묶고 정렬하며 레이아웃의 권장 범위에 맞게 중첩을 줄입니다. 스타일로 숨기는 것, 탭의 렌더링을 늦추는 것과 질의 실행 조건을 따로 제어하는 것은 서로 다른 동작입니다.

디자인을 반복 조정한 뒤에는 필요한 공통 규칙을 중앙 스타일시트로 모아 개별 위젯의 중복 설정을 줄입니다.