[Idea] Architecture: Atoms + Molecules

[ibn-akbar]

I am really enjoying using Bonsai in Svelte with my own custom helper classes to style molecules. That's where I got this idea. It fits nicely with Atomic design methodology.

Atoms (Vars) + Molecules (Classes) = ⚡

Atoms: At this level Bonsai has a lot to offer (base, helpers, and utility complete CSS).
Molecules: Little to offer. There are helper classes (.group) which style at molecule level. It would be great to offer more helper classes to set more than one property or to unset or override styles without repeating vars. This would become a separate module (i.e., molecule.css).

We can also borrow ideas from other frameworks.
Atomizer uses Atoms with a few helper classes:
https://github.com/acss-io/atomizer