Skip to content

Should this work with Tailwind 2.0 #3

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

Closed
klickreflex opened this issue Nov 19, 2020 · 8 comments
Closed

Should this work with Tailwind 2.0 #3

klickreflex opened this issue Nov 19, 2020 · 8 comments

Comments

@klickreflex
Copy link

After upgrading to Tailwind 2.0 it seems that this plugin doesn't produce any classes anymore. Only me? I'm on the PostCSS compatibility version of tw2.0.

@thefubon
Copy link

+1

1 similar comment
@firith
Copy link

firith commented Nov 25, 2020

+1

@cpauwels
Copy link

I'm having the same issue @adamwathan, and I'm also on the compatibility version of tw2.0

@elfeffe
Copy link

elfeffe commented Dec 23, 2020

I'm breaking my head asking why I can't get it to work, I'm using TW2 too

@adamwathan
Copy link
Member

Works perfectly fine with Tailwind 2, here's a project that demonstrates it:

https://github.com/adamwathan/tailwind-2-aspect-ratio

Please provide an actual reproduction of the problem if you are having a problem, it is impossible to help without seeing your code.

@elfeffe
Copy link

elfeffe commented Dec 23, 2020

Thank you @adamwathan

I see know that the mistake was that I had
aspectRatio: {
none: 0,
square: [1, 1],
"16/9": [16, 9],
"4/3": [4, 3],
"21/9": [21, 9]
}

On my tailwind.config.js
But that's from another plugin :)

@MikeyBeLike
Copy link

Also had this issue, seemed to work after rearranging order of another plugin.
plugins: [require('@tailwindcss/forms'), require('@tailwindcss/aspect-ratio')]
to this ->
plugins: [require('@tailwindcss/aspect-ratio'), require('@tailwindcss/forms')]

@huntedman
Copy link

Also had this issue, seemed to work after rearranging order of another plugin.
plugins: [require('@tailwindcss/forms'), require('@tailwindcss/aspect-ratio')]
to this ->
plugins: [require('@tailwindcss/aspect-ratio'), require('@tailwindcss/forms')]

This resolved my issue aswell!
aspect-w-16 and aspect-h-9 returned a div with height 0.
After rearranging, everything works. Perhaps it's a bug?

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

8 participants