1 min read 103 words Updated Sep 24, 2026 Created Sep 24, 2026
#CSS#frontend#tailwind
module.exports = {
  // Core configuration
  content: ['./src/**/*.{html,js}'],
  theme: {
    extend: {
      // Extend default configurations
    },
  },
  plugins: [
    // Add custom plugins
  ],

  // Optional configurations
  prefix: '',
  important: false,
  separator: ':',
  presets: [],
  darkMode: 'media', // or 'class'

  // Customizations
  colors: {
    // Custom colors
  },
  spacing: {
    // Custom spacing scale
  },
  fontFamily: {
    // Custom font families
  },
  // Other theme customizations (fontSize, breakpoints, etc.)

  // Core plugins
  corePlugins: {
    // Enable/disable core plugins
  },

  // Variants
  variants: {
    // Configure variants for utilities
  },

  // Purge settings
  purge: {
    // Fine-tune purge settings
  },
}