In defense of Functional CSS

Functional CSS (or Atomic CSS, or Utility-first CSS) is the latest thing to have blown my mind. This post is my attempt to explain why I think it’s amazing and why all of the common arguments against it are misguided or rooted in outdated ideas.

What the heck is it?

Functional CSS basically means that you have a ton of tiny, single purpose classes that are named based on their visual function.

For example, instead of something like this:


Source: https://www.phase2technology.com/feed/