This entry is only available in German.
1 min readtailwindmdx
@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.