docs: add Layout foundation page#1713
Conversation
Migrate the SEED-Docs Figma "Layout" spec into a new foundation guideline: layout types, dashboard density, content layout, grid anatomy, responsive behavior, breakpoints, column span/offset, and layout regions. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
|
Warning Review limit reached
More reviews will be available in 33 minutes and 11 seconds. Learn how PR review limits work. Your organization has used up its prepaid credits, and credit purchases are no longer available. Enable the review add-on in the billing tab to keep reviews running — you're only billed for reviews past your plan's rate limits ($0.25/file). ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based credits. 🚦 How do rate limits work?CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan refill rate. For paid Pro and Pro+ PR reviews, CodeRabbit uses rolling per-developer review limits. Reviews become available again as older review attempts age out of the rolling limit window. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: Path: .coderabbit.yaml Review profile: CHILL Plan: Pro Run ID: 📒 Files selected for processing (1)
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
|
Alpha Preview (Storybook)
|
Alpha Preview (Docs)
|
Summary
SEED-Docs Figma의 "Layout" spec 프레임을 새 파운데이션 문서로 옮겼습니다.
docs/content/docs/foundation/layout.mdx한 파일 추가이며,elevation.mdx와 동일한 형식(frontmatter +##섹션 +FigmaImage/마크다운 표)을 따릅니다.섹션: Layout Types · Dashboard Layout · Content Layout · Grid anatomy · Responsive Behavior · Breakpoint · Column span and offset · Layout Regions
<FigmaImage>로 작성meta.json은"..."catch-all이 자동 포함하므로 미수정Figma
https://www.figma.com/design/M3f1E9O4BpjlpOL6CUY2MQ/SEED-Docs?node-id=1938-15494
확인 필요
Breakpoint 표의
Columns컬럼 값이 Figma 원본에서base/sm/md/lg/xl로Breakpoint컬럼과 동일합니다 (컬럼 개수가 아닌 토큰명 반복). 일단 원문대로 전사했으니, placeholder였다면 실제 값으로 교정 부탁드립니다.Test plan
next dev에서/docs/foundation/layout→ HTTP 200, 8개 섹션·표·이미지 렌더, 사이드바 링크 노출 확인🤖 Generated with Claude Code