Note: This is a PDF/Print version of this article. Click here to view this content in your web browser
Generate your own Susy grid with simple for loops
Last week I wrote the Newbie Guide to Installing Susy, and I’m a big fans of Susy as it does some of the heavy lifting for maths for Sass by calculating gutters and columns. However, its documentation doesn’t lead by example so I’ve put together the following CodePen (CodePen last week started supporting Susy) to illustrate how to easily create your own susy grid.
Due to the maths, it make take a minute for this to compile over at CodePen
See the Pen Susy: For-Loop Generated Responsive Grids by Greg Gant (@fuzzywalrus) on CodePen.