간격과 크기

요소 사이를 얼마나 띄우고 컨트롤을 얼마나 크게 그릴지 정한다. 아이콘 크기는 아이콘 문서에 있다.

간격

4px 기준 숫자 스케일이다. space-4 는 4 × 4px = 16px 이다. 중간값을 넣어도 기존 이름이 바뀌지 않는다. space-1 과 space-2 사이가 필요하면 space-1_5 다.

space-5 · space-7 · space-8 · space-9 는 없다. 쓰이지 않아서 만들지 않았다.

정해진 게 없으면 이것

규칙이 따로 없을 때 쓸 기본값도 이름을 갖는다. 임의의 숫자가 코드에 들어가는 경로를 막기 위해서다.

위 표에서 숫자가 아닌 것 3개가 그것이다. space-component-gap 은 "컴포넌트 안쪽 요소 사이에 규칙이 따로 없을 때" 쓴다.

크기

값이 불규칙해서 역할 이름을 쓴다. 컨트롤 높이는 32 · 36 · 40 · 48 · 56px 이라 숫자 스케일의 이점이 둘 다 없다.

컨트롤 높이

크기 옵션

크기를 고를 수 있는 컴포넌트는 lg · md · sm 세 단계이고 기본은 md 다. 위아래로 하나씩 있는 형태가 표준이고 sm 은 가장 작은 것으로 읽힌다.

크기별 값은 단계마다 이름이 따로 있는 변수로 연다. --nui-button--lg-height · -md-height · -sm-height 가 그렇다. 하나로 두면 값을 넣는 순간 세 단계가 전부 같아진다. 자세한 것은 커스터마이징 문서에 있다.

전체 토큰