Luciano Battagliero

Single-Responsibility Classes for CSS

In 2015, I created Single, an experimental library of single-responsibility classes for CSS, inspired by the principles of Atomic CSS and the syntax of Emmet.

The goal was to test whether a statically generated library would be practical to develop and use. Spoiler: it wasn’t. The result was a bloated set of stylesheets containing many classes that would rarely, if ever, be used.

For context, it’s worth mentioning that Tailwind CSS, created in 2017, also started as a statically generated library but eventually reached similar conclusions and adopted the dynamic principles of Atomic CSS after a few years of development.

Scroll buffer added for your convenience.