Skip to content

fix(styles): enforce consistent font-family on code blocks#221

Merged
dDevAhmed merged 3 commits into
DigiNodes:mainfrom
RUKAYAT-CODER:fix/code-block-font-family
Jun 1, 2026
Merged

fix(styles): enforce consistent font-family on code blocks#221
dDevAhmed merged 3 commits into
DigiNodes:mainfrom
RUKAYAT-CODER:fix/code-block-font-family

Conversation

@RUKAYAT-CODER

@RUKAYAT-CODER RUKAYAT-CODER commented Jun 1, 2026

Copy link
Copy Markdown
Contributor

closes #190

Summary

Fixes inconsistent ont-family in and

 elements by adding a global CSS rule that enforces the design-system monospace font (--font-mono / Geist Mono) across all code blocks.

Changes

  • src/app/globals.css: added code, pre, kbd, samp rule using �ar(--font-mono, ...) fallback chain; added pre { overflow-x: auto } to prevent layout breakage on long lines
  • src/tests/design-system/code-block-font-family.test.tsx: added invariant tests verifying ont-mono class usage on code and pre elements

@dDevAhmed dDevAhmed merged commit 045dd32 into DigiNodes:main Jun 1, 2026
1 check failed
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.

Inconsistent font-family in code blocks

2 participants