macian

CSS framework

Grids
Grids

Macian is a framework inspired by the atomic CSS philosophy:

“Atomic CSS is the approach to CSS architecture that favors small, single-purpose classes with names based on visual function.”

— John Polacek, Let's Define Exactly What Atomic CSS is

etymology

Macian in Old English means “to make”

components

The framework uses a 12-column grid system and a type scale based on the golden ratio