Re:Vanilla JavaScript support for Tailwind Plus
by omnimus on Saturday July 26, 2025 @04:04AM
(#44692314)
You can’t use inline css its not at all the same.
Inline css
1. Can’t use media queries (responsive design).
2. Gets you to specificity hell.
3. Does not follow any system or reuse of values.
4. Values can’t be centrally changed. Utility clases are still classes - when you change config to make color different it changes everywhere.
5. Its verbose. Utility class can have multiple css rules.
Conceptually it might seem that inline css is similar but thats just feeling. Functional css (utility classes) are about composing classes with simpler (one purpose) behaviour together to create complex behaviour.
Inline css
1. Can’t use media queries (responsive design).
2. Gets you to specificity hell.
3. Does not follow any system or reuse of values.
4. Values can’t be centrally changed. Utility clases are still classes - when you change config to make color different it changes everywhere.
5. Its verbose. Utility class can have multiple css rules.
Conceptually it might seem that inline css is similar but thats just feeling. Functional css (utility classes) are about composing classes with simpler (one purpose) behaviour together to create complex behaviour.