Add ability to ignore specific screens

[vntw]

Hi, thanks for the great plugin, it works great!

I have a use case where I add a custom screen like this:

module.exports = {
  theme: {
    extend: {
      screens: {
        dark: { raw: "(prefers-color-scheme: dark)" },
        reducedMotion: { raw: "(prefers-reduced-motion: reduce)" },
      },
    },
  },
}

In these cases the only thing I'll ever see with this plugin is either screen: reducedMotion or screen: dark, doesn't matter what actual screen size the current one is (sm, md, ...).

This PR adds a configuration option to exclude specific screens:

module.exports = {
  theme: {
    extend: {
      screens: {
        dark: { raw: "(prefers-color-scheme: dark)" },
        reducedMotion: { raw: "(prefers-reduced-motion: reduce)" },
      },
    },
    debugScreens: {
      ignore: ["dark", "motionless"],
    },
  },
}

Do you think this feature is a good fit here?

Thanks!

[jorenvanhee]

Hi, I really appreciate your contribution. I do think it is a good fit and I'll take a closer look at it very soon. Thanks for putting your time into this!

[jorenvanhee]

Thanks again! Really like it 👍