File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
// ─────────────────────────────────────────────────────────────────────────────
// 간격 토큰 (4/8 grid)
//
// **모든 치수는 rem 기준이며 `1rem = 10px`이다** (`_reset.scss`의
// `html { font-size: 62.5% }`). px → rem 환산이 10으로 나누기라 암산이 되고,
// 사용자가 브라우저 기본 글자 크기를 키우면 레이아웃 전체가 함께 확대된다
// (px 고정과 달리 접근성 설정을 존중한다).
//
// 키는 4px 배수 단위다 — `space(4)` = 16px. 임의 값이 필요해 보이면 스케일에
// 단계를 추가할 일인지 먼저 검토한다(§10.4).
// ─────────────────────────────────────────────────────────────────────────────
$space: (
0: 0,
1: 0.4rem,
2: 0.8rem,
3: 1.2rem,
4: 1.6rem,
5: 2rem,
6: 2.4rem,
8: 3.2rem,
10: 4rem,
12: 4.8rem,
16: 6.4rem,
20: 8rem,
24: 9.6rem
);
// 키 → px 환산: 1=4 · 2=8 · 3=12 · 4=16 · 5=20 · 6=24 · 8=32 · 10=40 · 12=48 ·
// 16=64 · 20=80 · 24=96