Tailwind CSS Development

Documentation

Use search-docs for detailed Tailwind CSS v3 patterns and documentation.

Basic Usage

• Use Tailwind CSS classes to style HTML. Check and follow existing Tailwind conventions in the project before introducing new patterns.
• Offer to extract repeated patterns into components that match the project's conventions (e.g., Blade, JSX, Vue).
• Consider class placement, order, priority, and defaults. Remove redundant classes, add classes to parent or child elements carefully to reduce repetition, and group elements logically.

Tailwind CSS v3 Specifics

• Always use Tailwind CSS v3 and verify you're using only classes it supports.
• Configuration is done in the tailwind.config.js file.
• Import using @tailwind directives: