Apply prose and not-prose class tailwindcss-typography

Created on 21 August 2024, 4 months ago
Updated 18 September 2024, 3 months ago

Problem/Motivation

From : https://tailwindcss-typography.vercel.app/

By default, Tailwind removes all of the default browser styling from paragraphs, headings, lists and more. This ends up being really useful for building application UIs because you spend less time undoing user-agent styles, but when you really are just trying to style some content that came from a rich-text editor in a CMS or a markdown file, it can be surprising and unintuitive.

That's why we have to use "prose" and "not-prose" classes from @tailwindcss/typography plugin.

The theme already links the CSS file generated by the @tailwindcss/typography plugin, and "prose" class is already injected inside the page layout wrapper.

Proposed resolution

Inject "not-prose" inside wrappers in every components that needs it.

Remaining tasks

Take inspiration from component pages on https://daisyui.com/ and inject "not-prose" classes.

📌 Task
Status

Fixed

Version

4.0

Component

Code

Created by

🇫🇷France G4MBINI Bègles

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024