Edit: yeah no this is wrong, tailwind is awesome
Tailwind has this problem that for some reason nobody ever mentions in these “Tailwind is amazing you should use it now!!” videos - very basic repetition. Not cards or something where you can just put it into a component, but just simple things. Say you want your links to be italic and colored cyan, but when hovered, make them a darker shade of cyan, and add an underline. That would be something like:
<a class="text-cyan-600 italic hover:text-cyan-500 underline" href="path/to/link.html">Link</a>
Sure, fine. You have a lot of links in your application, though, and therefore have 200 links across the whole thing. Now, you want to change the cyan to green. What do you do?
Find and replace
What if you don’t want to change other cyan colors, only the link one?