기초FOX · Stroke
선
선은 두 종류예요. 부품의 윤곽을 그리는 1px 먹색 선, 그리고 같은 부품 안을 나누는 옅은 회색 구분선이에요.
먹색 1px 선
--nm-line은 1px 먹색 실선이에요. 버튼, 카드, 입력칸, 창처럼 하나의 부품이 어디서 시작하고 끝나는지 그릴 때 써요.
INK BORDER
부품의 윤곽
border: var(--nm-line); /* 1px solid ink */회색 구분선
목록 줄 사이나 카드 안쪽 구역 사이처럼 한 부품 안에서 내용을 나눌 때는 옅은 선을 써요. 먹색을 쓰면 칸이 너무 많아 보여요.
DIVIDERS
내 정보
알림 설정
보안
--nm-divider 기본 구분선, --nm-divider-soft 더 옅은 구분선이렇게 써요
첫째 줄
둘째 줄
이렇게바깥은 먹색, 안쪽은 회색 선이에요.
첫째 줄
둘째 줄
이렇게 말고안쪽까지 먹색 선이면 칸이 무겁게 잘려 보여요.
굵기
선 두께 --nm-stroke는 1px 하나예요. 2px 이상 굵은 선은 쓰지 않아요. 눌림이나 강조는 선을 굵게 하지 않고 그림자와 색으로 보여 줘요.