search

jrowlingson / stencil-tailwind

TailwindCSS plugin for Stencil
https://www.npmjs.com/package/stencil-tailwind
MIT License
41 stars 9 forks source link

Responsive prefixes not working #13

Open Gyurmatag opened 3 years ago

Gyurmatag commented 3 years ago

Hi!

The package is great, but I noticed a problem with it: Responsive prefixes are not working. For example if I am using this: <div class="w-full sm:w-full md:w-1/3 lg:w-1/4 xl:w-1/6 m-4 text-white">Test</div> the responsiveness is not working. In my other project (Vue js) it's working nicely.

Can you please make a fix for this?

Thank you!

newtonmunene99 commented 3 years ago

Hi @Gyurmatag , did you find a workaround to this?

Gyurmatag commented 3 years ago

No, I haven't found any. I think it's an issue, that need to be addressed from the developers of this library.

nrawji commented 3 years ago

I opened a PR to address this issue, it now correctly includes responsive classes.

newtonmunene99 commented 3 years ago

I opened a PR to address this issue, it now correctly includes responsive classes.

Amazing, for now I decided to use tailwindcss as a postcss plugin with the downside that I won't be able to use shadow dom. I'll give a try, thanks!