calcGrid

calcGrid uses innovations brought forward via the Stylus CSS pre-processor engine, the calc() function to be more accurate.

Using this small utility, developers can create self-adjusting grid systems that create columns at runtime depending on the amount of content blocks found on each grid row.

These columns can be shifted to new positions and can also be shown using an offset value.

The gutter size is adjustable in the source and the final grid layout is also Masonry-friendly.

Requirements:

• Stylus