The Semantic Grid System is a modern approach to the CSS grid. It allows you to set column and gutter widths, choose the number of columns, and switch between pixels and percentages, and achieve responsive layouts, all without any ugly .grid_x classes in your markup. It is powered by LESS.js or Stylus
It lives on the web at Semantic.gs.
Stylus / less versions are available at /css/grid. You just need to import the grid via a
or for the Stylus version
Check the examples out. For the Stylus version there is a script that compiles the *.styl into css for each example. Run via
Make sure you have Stylus installed globally
npm -g stylus
Licensed under Apache 2.0. See LICENSE