Skip to content
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

Tailwind Custom Media Queries don't properly work using raw value. #1882

Open
pdolezal0 opened this issue Jan 28, 2025 · 0 comments
Open

Tailwind Custom Media Queries don't properly work using raw value. #1882

pdolezal0 opened this issue Jan 28, 2025 · 0 comments

Comments

@pdolezal0
Copy link

pdolezal0 commented Jan 28, 2025

Describe the Bug

When using custom media queries with the raw key inside the Tailwind conf, the output strips the space before and, which causes the styles not to be applied.

Which package is affected (leave empty if unsure)

@react-email/tailwind

Link to the code that reproduces this issue

https://github.com/pdolezal0/react-email-tw-custom-query

To Reproduce

pnpm run dev -> Inspect -> Check <style> inside head.
or
pnpm run export -> out/template.html -> <style> inside head.

Expected Behavior

The output in my example should be:
@media only screen and (min-width:575px) and (min-device-width:875px)
instead
@media only screen and(min-width:575px) and(min-device-width:875px)

What's your node version? (if relevant)

22.12

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

No branches or pull requests

2 participants