Thread by @surjithctly

Tailwind CSS vs Inline Styles.

A Visual Comparison outlining a recent #tailwindcss article by @frontstuff_io

1. Inline styles only apply to the elements they’re declared on.

2. Inline styles cannot add pseudo-classes like hover or focus styles

3. Inline styles cannot do deeper nesting, selector lists, or CSS combinators.

4. Inline styles don’t have access to media queries.

5. Inline styles can’t be processed while TailwindCSS is processed using PostCSS

6. Inline styles don’t cache well

7. Inline styles are unlimited. There are no rules, no guidelines, no design system, and no way to enforce anything.

8. Inline styles are one thing at a time.

tl;dr: No, Utility Classes Aren't the Same As Inline Styles

Read more here: frontstuff.io/no-utility-cla…

Thanks for reading so far, If you like this thread, consider re-tweeting it.

https://twitter.com/surjithctly/status/1394590310144036865?s=20