레이아웃과 그리드
작성 중앱 셸 치수와 화면 전환점
앱 셸 치수
Linear 스타일 예제의 사이드바·머리말·상세 패널이 이 값을 씁니다.
| 토큰 | 값 | 설명 |
|---|---|---|
shell.sidebar-width--ds-shell-sidebar-width | 240px | |
shell.header-height--ds-shell-header-height | 48px {size.48} | |
shell.detail-width--ds-shell-detail-width | 360px | |
shell.sidebar-width-mobile--ds-shell-sidebar-width-mobile | 288px | 좁은 화면에서 패널로 여는 사이드바 너비 |
shell.sidebar-width-icon--ds-shell-sidebar-width-icon | 48px {size.48} | 아이콘만 남기고 접은 사이드바 너비 |
화면 전환점
전환점 토큰은 아직 없습니다. 제안서의 768·1024·1280px이 Tailwind 기본값 md·lg·xl과 같아 그대로 씁니다. 문서 사이트는 1024px(lg)부터 왼쪽 메뉴를 고정합니다.