I want to disable the display .grid class

[erolabzait]

Is there a way to disable the display .grid class (or at least overwrite it with nothing), I use tailwind with a custom theme, and they use this class for other things (not related to display grid) and I don't want to use a prefix for tailwind (or overwrite their class with !important).

From what I read display is not available in theme.extend

[jonnitto]

Have you thought about it to use a prefix class for all tailwind classes?
https://tailwindcss.com/docs/configuration#prefix

[jonnitto]

Or you could disable the whole display classes like this:

  module.exports = {
    corePlugins: {
     display: false,
    }
  }

Read more about this here

[erolabzait]

I tried that also, but I use the other visibility classes 🙃

[jonnitto]

You could use the blocklist option from PurgeCSS

module.exports = {
  purge: {
    content: ['./src/**/*.html'],

    // These options are passed through directly to PurgeCSS
    options: {
      blocklist: ['grid'],
    }
  },
}

[erolabzait]

blocklist worked. Thank you.