Foundations / Spacing
간격 (Spacing)
4px 기반 스케일입니다. Tailwind 숫자 유틸리티와 그대로 맞아떨어집니다(p-4 = space/16).
스케일 (Scale)
space/2p-0.5
space/4p-1
space/6p-1.5
space/8p-2
space/10p-2.5
space/12p-3
space/16p-4
space/20p-5
space/24p-6
space/32p-8
space/40p-10
space/48p-12
space/64p-16
space/80p-20
space/96p-24
레이아웃 (Layout)
Mobile / Desktop 값이 48rem(768px)을 기준으로 바뀝니다.
layout/page-marginpx-page-margin16 / 32화면 좌우 바깥 여백
layout/guttergap-gutter16 / 24그리드 컬럼·카드 사이 간격
layout/section-gapgap-section-gap32 / 64페이지 안 큰 섹션 사이 간격
layout/stack-gapgap-stack-gap12 / 16섹션 안 요소를 세로로 쌓을 때 기본 간격
layout/card-paddingp-card-padding16 / 24카드·패널 안쪽 여백