Also, Tailwind is really useful to work with designers (and with Figma for example). They use a Tailwind template and you can clearly see the padding they want, you have the color and hue gradient applied, the text size, etc. You just have to type the Tailwind class corresponding.
BEM + Tailwind is for me really versatile. And if I need an extra responsive margin on an element just one time, I can do it in no time (exemple class="button mt-2 md:ml-2 md:mt-0")
[Edit] :
And totally forgot about useful classes like divide-xdivide-yspace-xspace-ydark:ring-
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.
I don't really see how using CSS variables is better.
From your example :
You can do that in Tailwind with
@apply
like :There is clearly no advantage to the variables.
Also, Tailwind is really useful to work with designers (and with Figma for example). They use a Tailwind template and you can clearly see the padding they want, you have the color and hue gradient applied, the text size, etc. You just have to type the Tailwind class corresponding.
BEM + Tailwind is for me really versatile. And if I need an extra responsive margin on an element just one time, I can do it in no time (exemple
class="button mt-2 md:ml-2 md:mt-0"
)[Edit] :
And totally forgot about useful classes like
divide-x
divide-y
space-x
space-y
dark:
ring-