fix(docs-site): disable Geist Mono ligatures on every font-mono surface

Geist Mono fuses `--` into an em-dash glyph that visually swallows the
adjacent space, so prompts like `npx skills add Kaelio/ktx --skill ktx`
rendered as `Kaelio/ktx--skill ktx` on the quickstart page. The existing
ligature-off rule only covered <code>/<pre> and the .ktx-code wrapper —
quickstart.mdx puts the prompt in a plain <div className="font-mono">,
so the rule didn't apply. Extend the selector to also match the
.font-mono Tailwind utility and any inline-style opt-in via the mono
font CSS variable.

Document the convention in AGENTS.md so future docs additions keep
ligatures off on any new monospace container.
This commit is contained in:
Andrey Avtomonov 2026-05-28 12:41:26 +02:00
parent 39f94f39ff
commit 9b38b00194
2 changed files with 22 additions and 2 deletions

View file

@ -166,12 +166,16 @@ pre {
}
/* Disable monospace ligatures so `--flag` keeps a visible space and double
dashes don't fuse into an em-dash glyph. */
dashes don't fuse into an em-dash glyph. Covers every monospace surface:
raw <code>/<pre>, the ktx-code wrapper, Tailwind's `font-mono` utility,
and anything that opts in via the `var(--font-mono)` family directly. */
code,
pre,
pre code,
.ktx-code,
.ktx-code code {
.ktx-code code,
.font-mono,
[style*="--font-mono"] {
font-variant-ligatures: none !important;
font-feature-settings: "liga" 0, "calt" 0 !important;
}