Skip to content

refactor(fe): 타이포 스케일 토큰 등록, text-[Npx] 임의값을 이름으로 치환#117

Merged
seongbin9786 merged 1 commit into
mainfrom
refactor/fe-typography-scale
Jul 19, 2026
Merged

refactor(fe): 타이포 스케일 토큰 등록, text-[Npx] 임의값을 이름으로 치환#117
seongbin9786 merged 1 commit into
mainfrom
refactor/fe-typography-scale

Conversation

@seongbin9786

Copy link
Copy Markdown
Contributor

글자 크기를 text-[11px], text-[13px], text-[15px] 임의값으로 45곳에 흩뿌려 쓰고 있어 스케일에 이름도, 단일 출처도 없었다. styles.css에 이름 붙은 토큰으로 등록하고 임의값을 치환했다.

Refactor

  • styles.css @theme에 타이포 토큰 등록 (font-size만)
    • --text-caption 11px, --text-label 13px, --text-body 15px
  • text-[11px]text-caption (20건), text-[13px]text-label (9건), text-[15px]text-body (16건)

Policy

글자 크기를 text-[11px], text-[13px], text-[15px] 임의값으로 45곳에 흩뿌려 쓰고 있어 스케일에 이름도 단일 출처도 없었다. styles.css @theme에 font-size 토큰으로 등록하고 임의값을 이름으로 치환한다. 토큰은 font-size만 정의해 렌더가 이전과 픽셀 동일하다.

- --text-caption(11px), --text-label(13px), --text-body(15px) 등록
- text-[11px]→text-caption(20), text-[13px]→text-label(9), text-[15px]→text-body(16)
- line-height는 각 사용처 leading 클래스가 계속 결정

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 19, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
mongle Ready Ready Preview, Comment Jul 19, 2026 7:01am

@seongbin9786
seongbin9786 marked this pull request as ready for review July 19, 2026 07:06
@seongbin9786
seongbin9786 merged commit a85d795 into main Jul 19, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant