The Little Spacer

"What is essential is invisible to the eye."

A CSS micro-framework for systematic and consistent white space

White space recognition

Similarly to how we call a button a "button" and not a "rectangle" or a "pixel matrix", The Little Spacer recognizes and names white space components. Instead of working with "small" or "24", we build containers like "form column" or "section row".

Separation of concerns

If a "reusable" table component always had a button glued to its border, it wouldn't be so reusable. The same holds true for margins. With The Little Spacer it's the parent's responsibility to arrange its children.
Don't marginalize reusable components!

Pure CSS

The whole framework is just a collection of vanilla CSS classes.


Its only responsibility is the layout. How you do the rest is up to you.