Skip to content

Update peer dependency version to include 4.0.0-beta.1 #365

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jan 7, 2025

Conversation

philipp-spiess
Copy link
Member

@philipp-spiess philipp-spiess commented Nov 29, 2024

Same as #358 but for beta releases.

Copy link

vercel bot commented Nov 29, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
tailwindcss-typography ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 29, 2024 3:06pm

@silvenon
Copy link

I'm a little confused, what is the recommended way to configure this plugin in Tailwind v4? Or is this currently only possible via the config file or a wrapper plugin?

@philipp-spiess
Copy link
Member Author

I'm a little confused, what is the recommended way to configure this plugin in Tailwind v4? Or is this currently only possible via the config file or a wrapper plugin?

Yea extended configuration will require a JS config file, if you're fine with the defaults you can enable it via @plugin 'tailwindcss-typography';

@philipp-spiess philipp-spiess merged commit 25b0f9e into main Jan 7, 2025
4 checks passed
@philipp-spiess philipp-spiess deleted the fix/peer-beta-version branch January 7, 2025 13:57
@JWPapi
Copy link

JWPapi commented Jan 18, 2025

Where do I put ? @plugin 'tailwindcss-typography';

@silvenon
Copy link

silvenon commented Jan 18, 2025

In the CSS file where you have @import "tailwindcss" (and @theme etc.). You can find info about this in the very informative v4 documentation: https://tailwindcss.com/docs/v4-beta#using-plugins

But as far as configuring the plugin goes, currently Tailwind v4 doesn't appear to be able have interoperability between both tailwind.config.js and @theme, so I guess all plugins if I'm using Tailwind v4, everything except for @import "tailwindcss" (and @config "../tailwind.config.js") shoud be configured in the JS/TS config.

@aparajita
Copy link

Where do I put ? @plugin 'tailwindcss-typography';

I believe that should be @plugin '@tailwindcss/typography';. That's what worked for me.

@denniseffing
Copy link

denniseffing commented Jan 23, 2025

Question: Custom CSS now has a lower specificity than before because custom CSS is applied via layer utilities. This breaks a few custom CSS definitions on our side. Is there any fix for this?

EDIT: Nvm, fixed it by importing the CSS with higher specificity (which actually caused the issue) into the utilities layer as well.

@hichemfantar
Copy link

where are the install instructions for tw v3?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants