간격

2px에서 64px까지의 제한된 스케일로 리듬과 그룹을 표현합니다.

목적

간격은 가까운 정보와 분리된 정보를 설명합니다. 임의의 숫자 대신 space/*를 사용하고, 터치 컨트롤 높이는 size/control/*를 사용합니다.

사용 문법

gap: var(--ds-space-16);
min-height: var(--ds-size-control-medium);

생성된 스케일

space/0
0px
space/2
2px
space/4
4px
space/8
8px
space/12
12px
space/16
16px
space/20
20px
space/24
24px
space/32
32px
space/40
40px
space/48
48px
space/64
64px