Skip to content

docs: stop the docs font size from scaling up on wide screens - #10914

Merged
akshayka merged 2 commits into
mainfrom
aka/docs-font-size
Sep 18, 2026
Merged

akshayka merged 2 commits into
mainfrom
aka/docs-font-size

Conversation

@akshayka

@akshayka akshayka commented Sep 18, 2026 •

Copy link
Copy Markdown
Contributor

Material for MkDocs raises the root font size to 137.5% above 1600px and 150% above 2000px. The body type is sized in rem, so it rode that scaling and reached 18px on large monitors, making it difficult to read. This PR pins the root at 133.3% from the lower threshold up.

Material for MkDocs raises the root font size to 137.5% above 1600px and
150% above 2000px. The body type is sized in rem, so it rode that scaling
and reached 18px on large monitors, making it difficult to read. Pinning
the root at 125% from the lower threshold up holds body text at 15px at
every width.
Copilot AI lite review requested due to automatic review settings September 18, 2026 22:53
@vercel

vercel Bot commented Sep 18, 2026 •

Copy link
Copy Markdown

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

Project Deployment Actions Updated
marimo-docs Ready Ready Preview Sep 18, 2026 11:04pm UTC

Request Review

@github-actions github-actions Bot added the documentation Improvements or additions to documentation label Sep 18, 2026
@github-actions

Copy link
Copy Markdown
Contributor

All contributors have signed the CLA ✍️ ✅
Posted by the CLA Assistant Lite bot.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Copilot review overview

🟢 Approval recommended

No unresolved review issues remain.

Review effort: Lite
Findings: None

What changed in this PR

Pins Material for MkDocs’ root font size at 125% on wide screens, keeping body text at 15px.

Changes:

  • Adds a wide-screen CSS override to prevent font scaling.
File Description
docs/​stylesheets/​extra.css Adds the wide-screen root font-size override.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

@cubic-dev-ai cubic-dev-ai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

No issues found across 1 file

Re-trigger cubic

Pinning the root at 125% held body text at 15px on every screen, which
reads as too small on a 2000px display. Raising the cap to 133.333% lets
the type step up once at 1600px and then hold at 16px, so the widest
monitors get readable text without the run-up to 18px.
@akshayka
akshayka merged commit ac70466 into main Sep 18, 2026
29 checks passed
@akshayka
akshayka deleted the aka/docs-font-size branch September 18, 2026 23:10

This branch was successfully deployed

1 active deployment
Preview — de273edb Deployed Sep 18, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants