Version 1.2
2010-04-04
- Created by David Sutoyo. Based on work by Nathan Smith and the Blueprint Team.
- 960 Grid System
- Blueprint CSS Framework
960 Blue is a mashup of the 960 Grid System and the Blueprint CSS Framework. The mashup was originally created to help with my own workflow. I loved the simplicity of 960, but wanted more padding and spacing in the grid. I also really liked how Blueprint sets up basic styles that are useful as a starting point. Add to that Containers, a small plugin I wrote for 960, which adds some extra classes to the system to help with nesting grid units — specifically in instances where the developer is unable to add the “alpha” and “omega” classes. The original source for Containers is here. The result was a CSS framework mashup that suited my own needs.
Included with 960 Blue are SASS files for use with SASS and Compass to generate custom grid frameworks for needs specific to a project. Right now, here are the parameters you can set:
- site width
- number of columns
- column width (without paddings and margins)
- column padding
- column margin
- line height
- default fonts
Unfortunately the code does not check that your math adds up, so do some planning before you generate! The syntax is based on SASS 3 and is not compatible with previous versions of SASS. For more info, please see:
For installing and using Compass, please see:
960 Blue is released under the GPL/MIT Licenses