My team manager wants to implement Tailwind CSS for the first time in the project and I am new to tailwind css The project has some vanilla CSS files so my question is do I need to write afresh tailwind css stylesheets right from the scratch or is there a better solution ..please advise

I tried converting old vanilla css files to tailwind using command npx tailwindcss -i input.css -o output.css but its not helpful

CodePudding user response：

Tailwind CSS is a utility first css Framework.

To use it you have to write classes on your elements.

You can keep your old css by importing the old css stylesheets, but if you are using tailwind you should'nt have large CSS stylesheets. It is useless to use tailwind so.

There is the official doc to begin with tailwind

CodePudding user response：

Tailwind CSS if you don't understand how to use it, read the documentation

if not you can add the tailwind css extension if you use,enter image description here vs code it will make your job easier