From 47786ad5515ae2136e8f1465ddb824852d03f4c1 Mon Sep 17 00:00:00 2001 From: Claude Date: Thu, 3 Sep 2026 01:47:26 +0000 Subject: [PATCH] fix(blog): let the .mono class reach the text nodes it wraps MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit A house `text{font-family:…}` type selector matches every text node directly, so it outranks the monospace face *inherited* from an ancestor group carrying `class="mono"`. The face was declared, inherited in principle, and never applied: code blocks, AGENTS.md samples and log lines all rendered in the sans-serif body face. (`font-size` on the same class did land, because no competing `text{font-size}` rule exists — which is why the blocks looked deliberately sized but wrongly faced.) Add one rule per asset, `.mono text{font-family:inherit}`, which is specific enough (0,1,1) to beat the type selector and re-establishes the inheritance the author intended. It closes the class rather than patching the instances: any group carrying `.mono` now passes the face down, including ones added later. It touches exactly one property, so it cannot drift the `fill` values #167 just moved, and it does not restate the font stack — the face stays declared once per file. Measured in Chromium at native size across all 102 blog SVGs (1,944 text nodes): 0 of 46 affected nodes honoured the declared mono face before, 46 of 46 after, with 0 drift on font-family, font-size, fill, font-weight, text-anchor and letter-spacing for every other node. Monospace is wider, so containment was checked too: all 46 still fit their cards, tightest slack 78.1px, so no geometry needed revisiting. Four of the seven files came from the sweep, not the report. Fixes #165 Co-Authored-By: Claude Opus 5 Claude-Session: https://claude.ai/code/session_01FeA1nwBz1ohH65dvffUGKr --- .../one-definition-four-surfaces-en.svg | 2 +- .../ai-ontology-open-protocol/one-definition-four-surfaces.svg | 2 +- content/blog/ai-wrote-your-app-dare-to-merge/cover-en.svg | 2 +- content/blog/ai-wrote-your-app-dare-to-merge/cover.svg | 2 +- .../blog/give-your-agent-rules-for-governable-apps/cover-en.svg | 2 +- .../blog/give-your-agent-rules-for-governable-apps/cover.svg | 2 +- content/blog/objectos-automation-engine/run-record-en.svg | 2 +- 7 files changed, 7 insertions(+), 7 deletions(-) diff --git a/content/blog/ai-ontology-open-protocol/one-definition-four-surfaces-en.svg b/content/blog/ai-ontology-open-protocol/one-definition-four-surfaces-en.svg index 9951a51..70bdec5 100644 --- a/content/blog/ai-ontology-open-protocol/one-definition-four-surfaces-en.svg +++ b/content/blog/ai-ontology-open-protocol/one-definition-four-surfaces-en.svg @@ -5,7 +5,7 @@ diff --git a/content/blog/ai-ontology-open-protocol/one-definition-four-surfaces.svg b/content/blog/ai-ontology-open-protocol/one-definition-four-surfaces.svg index 7100e12..4b70a86 100644 --- a/content/blog/ai-ontology-open-protocol/one-definition-four-surfaces.svg +++ b/content/blog/ai-ontology-open-protocol/one-definition-four-surfaces.svg @@ -5,7 +5,7 @@ diff --git a/content/blog/ai-wrote-your-app-dare-to-merge/cover-en.svg b/content/blog/ai-wrote-your-app-dare-to-merge/cover-en.svg index f91c0b6..f8eb115 100644 --- a/content/blog/ai-wrote-your-app-dare-to-merge/cover-en.svg +++ b/content/blog/ai-wrote-your-app-dare-to-merge/cover-en.svg @@ -9,7 +9,7 @@ diff --git a/content/blog/ai-wrote-your-app-dare-to-merge/cover.svg b/content/blog/ai-wrote-your-app-dare-to-merge/cover.svg index 33a9468..98f1a12 100644 --- a/content/blog/ai-wrote-your-app-dare-to-merge/cover.svg +++ b/content/blog/ai-wrote-your-app-dare-to-merge/cover.svg @@ -9,7 +9,7 @@ diff --git a/content/blog/give-your-agent-rules-for-governable-apps/cover-en.svg b/content/blog/give-your-agent-rules-for-governable-apps/cover-en.svg index 31d72b9..9b32c67 100644 --- a/content/blog/give-your-agent-rules-for-governable-apps/cover-en.svg +++ b/content/blog/give-your-agent-rules-for-governable-apps/cover-en.svg @@ -9,7 +9,7 @@ diff --git a/content/blog/give-your-agent-rules-for-governable-apps/cover.svg b/content/blog/give-your-agent-rules-for-governable-apps/cover.svg index 4ccb8ae..cbe05e5 100644 --- a/content/blog/give-your-agent-rules-for-governable-apps/cover.svg +++ b/content/blog/give-your-agent-rules-for-governable-apps/cover.svg @@ -9,7 +9,7 @@ diff --git a/content/blog/objectos-automation-engine/run-record-en.svg b/content/blog/objectos-automation-engine/run-record-en.svg index 2dc237a..eb277df 100644 --- a/content/blog/objectos-automation-engine/run-record-en.svg +++ b/content/blog/objectos-automation-engine/run-record-en.svg @@ -9,7 +9,7 @@