Adding base classes

set preflight false

tip

Tailwind automatically adds Preflight base styles to each project by default. If we don't want these default styles, we could close it.

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

changing default base classes

@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
    h1 {
        @apply text-2xl;
    } 
    h2 {
        @apply text-xl;
    }
    h1, h2, p {
        @apply my-6 mx-4;
    }
}