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

Screens config warning #131

Closed
Seelescript opened this issue Sep 3, 2024 · 2 comments
Closed

Screens config warning #131

Seelescript opened this issue Sep 3, 2024 · 2 comments

Comments

@Seelescript
Copy link

Hi, thanks for the great generator.

I have a warning when I use min-* and max-*

<footer class="mt-[50px] max-[1199px]:mt-[35px] bg-[#f8f8fb] text-[#fff]"></footer>
<div class="min-[992px]:w-[25%] max-[991px]:w-full w-full px-[12px] footer-cat"></div

the warning:
"warn - The min-* and max-* variants are not supported with a screens configuration containing objects."

in my config file I have:

theme: { screens: { sm: '640px', md: '768px', lg: '1024px', xl: '1280px', '2xl': '1536px', }, },

if I test this on a tailwind project, it work normally, so some plugin may be changing the screens config, do you have any idea?

@Seelescript
Copy link
Author

I found the issue, a third party plugin was adding breakpoints, thanks

@gregsullivan
Copy link
Owner

Happy you were able to sort this out! In case anyone else encounters the issue, the pull request for this feature explains what will and won't work under the "Restrictions" heading:

tailwindlabs/tailwindcss#9558

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

No branches or pull requests

2 participants