4 ms·
But then why not go all the way and do .button { padding: var(--medium-padding) var(--medium-padding); } Or use LESS/SCSS/etc if the var(--) s
by Macha 6y ago
But then why not go all the way and do
.button {
padding: var(--medium-padding) var(--medium-padding);
}
Or use LESS/SCSS/etc if the var(--) syntax is really that offputting.
- 9dev 6y agoNo, I actually love CSS variables. But they invariably will be abused in the long term. What you called medium padding might suddenly be decreased to be a value lower than small padding, and that’s the point where it all starts to go to hell. The point of Tailwind is that it’s a straightforward way to handle all the CSS complexity and put the moving parts into a single config file that works the same everywhere.
- Macha 6y ago> What you called medium padding might suddenly be decreased to be a value lower than small padding, and that’s the point where it all starts to go to hell. Tailwind: https://tailwindcss.com/docs/theme#spacing https://tailwindcss.com/docs/theme#spacing Would it be strange to define p-2 to be smaller than p-1? Yes. Exactly as strange as defining your padding-medium variable to be smaller than padding-small.