Modern CSS with Tailwind, 2nd Edition

Configuration File Basics

The configuration file is optionally generated as part of your Tailwind installation. You can also create it at any time after you install the Tailwind npm package with the command, npx tailwindcss init. The minimal configuration file looks like this:

module.exports = {
  content: [],
  theme: {
    extend: {},
  },
  plugins: [],
}

If for some reason you want a configuration file with the entire default configuration explicitly listed, you can get it with npx tailwindcss init --full. Most of what we’re going to be looking at will go in the theme section.

Tailwind considers each family of utilities to be a core plugin; you can see a complete list in the Tailwind documentation.^[14] The theme object references these core ...