Notes

Die prose-Klassen tun hier gar nichts

1 Min Lesezeittailwindmdx

@tailwindcss/typography ist in diesem Projekt nicht installiert. Jedes prose im Markup ist damit eine tote Klasse: Tailwind generiert dafür nichts, und es fällt lange nicht auf, weil auch keine Warnung kommt.

In components/mdx/MDXContent.tsx steht trotzdem prose prose-invert max-w-none am Container - reine Dekoration. Was dort wirklich Typografie macht, sind die Arbitrary-Variants daneben: [&_h2]:mt-12, [&_p]:leading-7 und so weiter.

Und genau da fehlt der Abstand. leading-7 setzt Zeilenhöhe, keinen Margin, und Preflight hat den Absatz-Margin vorher auf null gesetzt. Gerenderte MDX-Absätze kleben deshalb aneinander, bis die Seite den Abstand selbst setzt.