Skip to content

feat(css): increase iOS font scaling limit from 135% to 160%#1424

Draft
junghyeonsu wants to merge 3 commits intodevfrom
worktree-typed-riding-badger
Draft

feat(css): increase iOS font scaling limit from 135% to 160%#1424
junghyeonsu wants to merge 3 commits intodevfrom
worktree-typed-riding-badger

Conversation

@junghyeonsu
Copy link
Copy Markdown
Contributor

@junghyeonsu junghyeonsu commented Apr 6, 2026

Summary

  • iOS 플랫폼의 폰트 스케일링 상한(--seed-font-size-limit-max, --seed-line-height-limit-max)을 1.35에서 1.6으로 확대
  • Android 기본값(1.5)과 clamp fallback은 변경 없음
  • bun generate:all로 CSS 생성물 업데이트 완료

Test plan

  • bun generate:all 실행 후 base.css에서 iOS limit 1.6 반영 확인
  • clamp 표현식 fallback 값 1.5 유지 확인
  • bun test:all 통과 (기존 무관 테스트 1건 제외 588 pass)

🤖 Generated with Claude Code

Summary by CodeRabbit

릴리스 노트

  • 스타일
    • iOS 기기에서 적용되는 폰트 스케일링 상한을 기존 135%에서 160%로 상향 조정했습니다. 이 변경은 큰 글꼴 설정 시 텍스트의 가독성과 레이아웃 안정성을 개선하여 읽기 환경을 향상시키며, 시각적 표현과 배치가 보다 자연스러워집니다. 사용자에게는 작은 시각적 조정으로 체감되는 업데이트입니다.

Raise the iOS platform-specific --seed-font-size-limit-max and
--seed-line-height-limit-max from 1.35 to 1.6 to allow larger
dynamic type sizes on iOS devices.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented Apr 6, 2026

🦋 Changeset detected

Latest commit: 59bc60d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 3 packages
Name Type
@seed-design/css Patch
@seed-design/figma Patch
@seed-design/mcp Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@coderabbitai
Copy link
Copy Markdown
Contributor

coderabbitai Bot commented Apr 6, 2026

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 7320a77a-58b4-4dc0-a33b-528ebc961a62

📥 Commits

Reviewing files that changed from the base of the PR and between c8a94b6 and 59bc60d.

📒 Files selected for processing (1)
  • .changeset/afraid-parrots-joke.md
✅ Files skipped from review due to trivial changes (1)
  • .changeset/afraid-parrots-joke.md

📝 Walkthrough

Walkthrough

iOS 전용 CSS 변수 두 개(--seed-font-size-limit-max, --seed-line-height-limit-max)의 값이 1.35에서 1.6으로 증가했습니다. 다른 CSS 규칙, 선택자, 또는 공개 선언은 변경되지 않았습니다.

Changes

Cohort / File(s) Summary
iOS CSS 변수 업데이트
packages/qvism-preset/src/global.ts
[data-seed-platform='ios'] 규칙 내 --seed-font-size-limit-max--seed-line-height-limit-max 값을 1.35 → 1.6으로 상향 조정
Changeset
.changeset/afraid-parrots-joke.md
@seed-design/css 패키지용 변경 로그 추가(패치 릴리스), iOS 폰트 스케일 최대값 변경 설명 포함

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰 iOS 바람 살랑이며 폰트가 춤추네,
작던 높이 이제는 넉넉히 퍼지네,
1.35에서 1.6으로 깡충,
읽는 이 미소를 살짝 건네며,
토끼가 깡충—디자인도 한숨 놓네 ✨

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed PR 제목이 주요 변경 사항을 정확하게 반영합니다: iOS 폰트 스케일링 제한값을 135%에서 160%로 증가시키는 내용이 명확하고 간결하게 요약되어 있습니다.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch worktree-typed-riding-badger

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 6, 2026

Alpha Preview (Stackflow SPA)

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 6, 2026

Alpha Preview (Storybook)

Copy link
Copy Markdown
Contributor

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
packages/qvism-preset/src/global.ts (1)

34-44: ⚠️ Potential issue | 🟡 Minor

주석 내용을 새로운 한계값에 맞게 업데이트해야 합니다.

Line 39의 주석이 여전히 "max 135%"를 참조하고 있지만, 이제 iOS에서는 160%로 제한됩니다. 코드 변경 사항과 일치하도록 주석을 업데이트해 주세요.

📝 주석 수정 제안
      /**
       * 0.9412 is the font size multiplier for iOS
       * It converts iOS default 17px to web standard 16px
-       * Individual font sizes are clamped to max 135% in the token system
+       * Individual font sizes are clamped to max 160% in the token system
       */
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@packages/qvism-preset/src/global.ts` around lines 34 - 44, 주석이 iOS 폰트 크기 제한을
"max 135%"로 여전히 언급하고 있어 실제 코드 변경(새 한계 160%)과 불일치합니다;
html[data-seed-platform='ios'][data-seed-font-scaling='enabled'] 블록 내 주석(위치: 설명
블록 바로 위 또는 옆의 "--seed-font-size-multiplier" 설명)을 수정하여 "Individual font sizes are
clamped to max 160% in the token system" 또는 동등한 문구로 업데이트해 주세요.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Outside diff comments:
In `@packages/qvism-preset/src/global.ts`:
- Around line 34-44: 주석이 iOS 폰트 크기 제한을 "max 135%"로 여전히 언급하고 있어 실제 코드 변경(새 한계
160%)과 불일치합니다; html[data-seed-platform='ios'][data-seed-font-scaling='enabled']
블록 내 주석(위치: 설명 블록 바로 위 또는 옆의 "--seed-font-size-multiplier" 설명)을 수정하여 "Individual
font sizes are clamped to max 160% in the token system" 또는 동등한 문구로 업데이트해 주세요.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 9c8d0aa3-0647-49b9-be6a-f2269aadc623

📥 Commits

Reviewing files that changed from the base of the PR and between d0a224f and c0f1e3e.

⛔ Files ignored due to path filters (8)
  • packages/css/all.css is excluded by !packages/css/**/*
  • packages/css/all.layered.css is excluded by !packages/css/**/*
  • packages/css/all.layered.min.css is excluded by !packages/css/**/*
  • packages/css/all.min.css is excluded by !packages/css/**/*
  • packages/css/base.css is excluded by !packages/css/**/*
  • packages/css/base.layered.css is excluded by !packages/css/**/*
  • packages/css/base.layered.min.css is excluded by !packages/css/**/*
  • packages/css/base.min.css is excluded by !packages/css/**/*
📒 Files selected for processing (1)
  • packages/qvism-preset/src/global.ts

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 6, 2026

Alpha Preview (Docs)

@junghyeonsu junghyeonsu requested review from SeieunYoo and te6-in April 7, 2026 05:50
@junghyeonsu junghyeonsu marked this pull request as draft April 7, 2026 08:17
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