Converting CSS to Tailwind

Migrate plain CSS files to Tailwind utility classes applied directly in markup.

Workflow

1. Read the CSS file and inventory every rule
2. Find the corresponding markup (HTML, JSX, TSX, Vue, Svelte) that references each selector
3. Convert each rule using the mapping below
4. Delete the CSS rule once all its properties are expressed as utilities
5. Remove the CSS file (or import) once it's empty
6. Verify the page looks identical — check for visual regressions

Conversion Reference

Layout & Box Model