@@ -9,8 +9,26 @@ +global-reset +// The following generates the default grids provided by the css version of 960.gs .container_12 +grid-system(12) .container_16 +grid-system(16) + +// But most compass users prefer to construct semantic layouts like so (two column layout with header and footer): + +!ninesixty_columns = 24 +.two-column + +grid-container + #header, + #footer, + #sidebar, + #main-content + +grid-unit-base + #header, #footer + +grid-width(24) + #sidebar + +grid-width(8) + #main-content + +grid-width(16) templates/project/grid.sass a47550545452b3aee8c5942aaee9e00745719b57 Chris Eppstein chris@eppsteins.net http://github.com/chriseppstein/compass-960-plugin/commit/642177c99622ad1bd37432ba0c13f6b4b08cd4ad 642177c99622ad1bd37432ba0c13f6b4b08cd4ad 2009-07-29T21:45:53-07:00 2009-07-29T20:49:15-07:00 Demonstrate how to build a semantic layout in the grid.sass project template. 0409ed282c19d9ddfd9a100bea5f43fb5c2f1637 Chris Eppstein chris@eppsteins.net