#960gs

Just in case someone doesn't know about it 

Essence

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem. 

Dimensions

The 12-column grid is divided into portions that are 60 pixels wide. The 16-column grid consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. 

Purpose

The premise of the system is ideally suited to rapid prototyping, but it would work equally well when integrated into a production environment. There are printable sketch sheets, design layouts, and a CSS file that have identical measurements.

Credits: Nathan Smith

So this past weekend I started working on a bare wordpress theme called NakedCompass. And as part of that project I decided that I also wanted to tie it together with the CSS Framework Compass (and SASS). Now Compass comes bundled with a SASS adaptation of the excellent Blueprint framework. But I personally prefer the 960gs framework, which unfortunately does not come with Compass. And try as I might, I could not seem to find a SASS adaptation of the 960gs framework anywhere on the web. So I created my own.

If you would like to take a look / use it you can see it on GIT at A SASS adaptation of the 960gs framework. I have also embedded it below for your convenience.