I think part of the tailwind appeal is the top-notch integration into vscode. It made the learning experience even better for me. One of my favorite features are the large but limited color palettes in combination with states. I always found it messy to add another once-used button style to bootstrap, plus, then suddenly my button lives in multiple files.
Here‘s a nice green example button, written out of my head during my holidays:
rounded p-2 border text-green-800 bg-green-100 hover:bg-green-200 active:bg-green-300 border-green-200 hover:border-green-300 active:border-green-400
It‘s long but somehow it‘s easy, readable, customizable and consistent. The limitations are still there though, just think of transitions and animations.
Personally, I would also be happy if inline styles wouldn‘t be with their limitations, but that entirely another topic.
Here‘s a nice green example button, written out of my head during my holidays: rounded p-2 border text-green-800 bg-green-100 hover:bg-green-200 active:bg-green-300 border-green-200 hover:border-green-300 active:border-green-400
It‘s long but somehow it‘s easy, readable, customizable and consistent. The limitations are still there though, just think of transitions and animations.
Personally, I would also be happy if inline styles wouldn‘t be with their limitations, but that entirely another topic.