Thanks for sharing. Tailwind Looks good for quick prototyping but I wouldn't want to maintain this!
To be perfectly honest, I thought the same. But then I dug deep into TW and released and massive project done with it.
From my perspective:
class="bg-app_orange text-white rounded text-sm py-3 px-4 hover:bg-app_green group transition-all hidden md:block"
becomes:
class="btn"
.btn { @apply bg-app_orange text-white rounded text-sm py-3 px-4 hover:bg-app_green group transition-all hidden md:block; }
Ah, that's amazing! If this is the standard approach for using it in an actual application, then it should always be mention in every article so that newcomers aren't scared away. Thanks a lot for sharing that example!
You are welcome :)
I was strongly against css class bloat in html, but when I realized this ... the whole new world opened up :)
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Thanks for sharing. Tailwind Looks good for quick prototyping but I wouldn't want to maintain this!
To be perfectly honest, I thought the same. But then I dug deep into TW and released and massive project done with it.
From my perspective:
class="bg-app_orange text-white rounded text-sm py-3 px-4 hover:bg-app_green group transition-all hidden md:block"
becomes:
class="btn"
.btn {
@apply bg-app_orange text-white rounded text-sm py-3 px-4 hover:bg-app_green group transition-all hidden md:block;
}
Ah, that's amazing! If this is the standard approach for using it in an actual application, then it should always be mention in every article so that newcomers aren't scared away. Thanks a lot for sharing that example!
You are welcome :)
I was strongly against css class bloat in html, but when I realized this ... the whole new world opened up :)