josemarluedke / tailwindcss-ember-power-select

Tailwind CSS plugin for Ember Power Select
https://josemarluedke.github.io/tailwindcss-ember-power-select/
MIT License
11 stars 3 forks source link

Support for Tailwind 3+ #42

Open tdwesten opened 2 years ago

tdwesten commented 2 years ago

Hi,

I got some warnings when using your plugin with Tailwind 3.0.18;

warn - The `content` option in your Tailwind CSS configuration is missing or empty.
warn - Configure your content sources or your generated CSS will be missing styles.
warn - https://tailwindcss.com/docs/content-configuration

And i got no styling at all, I think because the missing content defs.

Do you have any plans to support Tailwind 3+?

tdwesten commented 2 years ago

By adding this to the savelist in the tailwind.config.js helps;

  safelist: [
    {
      pattern: /^ember-power-select-/,
    },
  ],
tdwesten commented 2 years ago

CC: https://twitter.com/adamwathan/status/1492514071119384585?s=21

zion commented 2 years ago

@tdwesten were you able to resolve this? I tried adding that safelist pattern, but that did not resolve my issue.

tdwesten commented 2 years ago

@zion yes, I have it working in this project; https://github.com/tdwesten/shareyourtraveltips-web/blob/main/app/styles/tailwind.config.js

zion commented 3 weeks ago

For anyone struggling with peer dependency issues regarding tailwindcss version when installing packages, I forked this project and updated tailwind to v3. Heres a PR for it