tailwind-css.md

Tailwind CSS

When extending colors, the default value equals a generated class name with no suffix:

colors: {
  blue: {
    DEFAULT: '#02427e', // -> text-blue
    light: '#00eff9',   // -> text-blue-light
  }
}

Links

• Official setup guide for Next.js
• Functions and directives
• Default theme
• Tailwind CSS IntelliSense – Visual Studio Code
• Tailwind CSS Typography (Plugin) – Add beautiful typographic defaults to any vanilla HTML you don't control
• Tailwind CSS Custom Forms (Plugin) – Better starting point for form elements