Tailwind CSS and Beyond
Now on version 1.0 as of May 13th, 2019. CSS is a tight and compact CSS framework that gives one a myriad of custom design choices.
“Tailwind is different from frameworks like Bootstrap, Foundation, or Bulma in that it’s not a UI kit.” “It doesn’t have a default theme, and there are no built-in UI components.” “On the flip side, it also has no opinion about how your site should look and doesn’t impose design decisions that you have to fight to undo.”
Tailwind is a utility first
not utility only.
HTML will contain many
This composite and utility-like
nature also allows for easier cache busting opportunities.
classes that build up into a complete component.
<div class="bg-white mx-auto max-w-sm shadow-lg rounded-lg overflow-hidden">
The above looks like bad practice but you’ll get used to its utility-like nature
very quickly and may end up writing
you are skilled at writing and managing
CSS then Tailwind might not be that
CSS at all. In repetitive situations we
can implement abstractions by