I guess you have never worked with TailwindCSS. It's so much more that just variables.
A few elements next to each other and you need a line between them? divide-x / divide-y
Need spacing between elements? space-x / space-y
You need a grid? grid grid-cols-1 md:grid-cols-2 and you have a responsive 2 column grid layout
Want to change the color of an element when you hover over the parent? Add group to the parent and group-hover:text-red-500 to the child - done
In my eyes, TailwindCSS is even easier than writing regular CSS. Example: Grid. 2 Columns in TailwindCSS: grid-cols-2 / Regular CSS: grid-template-columns: 1fr 1fr);
And "saving a few keystrokes" - it saves A LOT of time to just write your html and do styling directly inside the class attribute, thank thinking of a class name, navigating to the css file and do it manually there.
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 guess you have never worked with TailwindCSS. It's so much more that just variables.
divide-x/divide-yspace-x/space-ygrid grid-cols-1 md:grid-cols-2and you have a responsive 2 column grid layoutgroupto the parent andgroup-hover:text-red-500to the child - doneIn my eyes, TailwindCSS is even easier than writing regular CSS. Example: Grid. 2 Columns in TailwindCSS:
grid-cols-2/ Regular CSS:grid-template-columns: 1fr 1fr);And "saving a few keystrokes" - it saves A LOT of time to just write your html and do styling directly inside the class attribute, thank thinking of a class name, navigating to the css file and do it manually there.