Spacing
간격(Spacing)은 알파코드 서비스 전반에 걸쳐 일관성을 유지하고 사용자 경험을 향상시키기 위해 정의됩니다.
4단위 기반의 배수를 사용하여 설계 및 개발 과정에서 효율성을 높이고, 일관된 레이아웃을 통해 사용자에게 보다 직관적이고 편리한 인터페이스를 제공합니다.
Variables
4의 배수에 기반한 10개의 간격 규칙이 사용됩니다. 간격 규칙은 구성 요소 사이의 공간에 적용해야 합니다.
Name | px | rem | View |
---|---|---|---|
--space-none | 0 | 0 | |
--space-3xs | 4 | 0.25 | |
--space-2xs | 8 | 0.5 | |
--space-xs | 12 | 0.75 | |
--space-sm | 16 | 1 | |
--space-md | 24 | 1.5 | |
--space-lg | 36 | 2.25 | |
--space-xl | 40 | 2.5 | |
--space-2xl | 64 | 4 | |
--space-3xl | 80 | 5 |