###CSS Grid 960 with stylus macros and generators. Customizable gap and unit size. No padding magic in container. No 'row' div markup.
-
Add stylus support to your project
-
Download grid.styl
-
Edit grid.styl to adjust vertical line size, gap size
-
Rename grid column styles if you want
-
Insert container and if needed decorator macros to your layout stylus
.decorator
decorator(line, gap / 2)
background white
height 100%
.container
container()
height 100%
- Use simple div structure (JADE example):
body
.decorator
.container
block content
.grid12_4 leftpanel
.grid12_8 rightpanel
- Profit!!!