I am a solo developer whose productivity in designing webpages grew massively thanks to Tailwind. I love design but had always dreaded to touch S/CSS. I always had these CSS property (how exactly does x get defined?) questions as well as architectional (where do i put the classes and how to order and name them?).
With Tailwind, I can quickly translate what I want to see into class names: Blue button with white text and shadow on hover? <class="bg-blue-500 text-white hover:shadow">! The grammar is so simple that you will know 80% of the utility classes after a couple of hours. Some critics say that you loose consistency, but that does not happen to me as I use components (Vue, Laravel, Tailwind config) whenever I feel that I have a lot of repeating patterns.
Comments
I am a solo developer whose productivity in designing webpages grew massively thanks to Tailwind. I love design but had always dreaded to touch S/CSS. I always had these CSS property (how exactly does x get defined?) questions as well as architectional (where do i put the classes and how to order and name them?).
With Tailwind, I can quickly translate what I want to see into class names: Blue button with white text and shadow on hover? <class="bg-blue-500 text-white hover:shadow">! The grammar is so simple that you will know 80% of the utility classes after a couple of hours. Some critics say that you loose consistency, but that does not happen to me as I use components (Vue, Laravel, Tailwind config) whenever I feel that I have a lot of repeating patterns.
That just seems like a lot of classes though. Is it possible to create a component that inherits those classes?
You simply create your own component class and `@apply` tailwind classes to it.
See: https://tailwindcss.com/docs/extracting-components