Open
Description
What version of @tailwindcss/typography are you using?
"@tailwindcss/typography": "^0.5.15",
What version of Node.js are you using?
lts/*
What browser are you using?
Chrome
What operating system are you using?
MacOS
Reproduction repository
Describe your issue
The PR #314 (Issue #144) added default styles to the <picture>
but there are is no element modifier defined that would allow us to easily change the default styles via classes
- https://github.com/tailwindlabs/tailwindcss-typography?tab=readme-ov-file#element-modifiers
- https://github.com/tailwindlabs/tailwindcss-typography/blob/main/src/index.js#L104
I suggest to add two modfiers
prose-picture:*
targeting<picture>
prose-images:*
targeting<img> <picture>
Another question that this brings up is, if the prose-img
modifier should target the picture>img
element as well. It does ATM https://play.tailwindcss.com/VFWabWBye5 so changing this is likely a breaking change and something to be resolved separately?
Metadata
Metadata
Assignees
Labels
No labels
Activity
[-]Missing overwrite `prose-picture`[/-][+]Missing element modifier `prose-picture`[/+]prose-picture
andprose-images
modifiers #367tordans commentedon Dec 5, 2024
Also, just in case someone comes here after using Astros
<Picture>
Element, there is an easy overwrite:Add element modifiers for picture and images
bmiit145 commentedon Jan 9, 2025
I have added wait for approval from maintainer
abdobouna commentedon May 18, 2025
Also, support is missing for the definition list
<dl>
.piotrkulpinski commentedon May 19, 2025
Would love to be able to modify
abbr
styles: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/abbr