This release of @tailwindcss/typography is an exciting one, and finally includes easy support for dark mode, the ability to escape prose styles, and a brand new HTML-based customization API that is a lot more fun to work with than the configuration based API we've offered in the past.
To upgrade, make sure you are on the latest version of Tailwind CSS, then install @tailwindcss/typography@latest:
npm install -D @tailwindcss/typography@latest
This version is designed for Tailwind CSS v3.0+, and is not compatible with earlier versions.
Added
- Added
prose-invertfor easy dark mode support (#216) - Added gray scale modifiers like
prose-slateandprose-stoneto make it easy to match your typography to your site's gray scale (#216) - Added new element modifiers API like
prose-a:text-blue-500for easily customizing individual elements directly in your HTML (#216) - Added
not-proseclass for preventing prose styles from affecting a section of HTML (#205) - Updated selectors to use
:whereto reduce specificity, making it possible to override prose children with utilities (#203)
Changes
- Switch from
::beforepseudo-elements to using the native::markerpseudo-element for styling list bullets and counters (#216)