Sass and Compass for Designers

Creating a static ‘fixed’ grid

Susy is of most help when creating elastic grids( ) (that flex to a point and then become fixed) and fluid grids (that fluidly fill the entire size of the viewport).

However, there may be instances when you are handed a graphics composite with the remit of creating a fixed version of the grid system in use (http://960.gs, for example).

If you need a static grid system, you can do this easily with Susy; just add a single variable (be aware that you will need to edit, remove, or comment out any existing $container-style variable):

$container-style: static;

If you use that and resize the viewport (make the browser window smaller), you will see that the grid remains entirely static until it hits a relevant breakpoint.