Gridle – One grid system to rule them all (.scss)

      

Gridle is a set of complete and simple settings, mixins and classes that make the creation and usage of grid systems (even complex ones) really simple. All of this with full responsive capabilities

12, 8 or 33 columns, Gridle allows you to generate all the grids you want, with all the features you need (push, pull, prefix, hide-on, etc…)

Gridle is built to be excellent in responsive development. It provides a robust and simple system to handle media queries with ease. Gridle allows you to choose between a standard grid generated with float, etc… and a flex one that use the flexbox model. All of this power with the same exact classes.

gridle

Gridle Documentation    Demo