public
Last active

Short example of 960.gs vs. Compass + 960.gs

  • Download Gist
960_plain_small_example.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14
// HTML using 960.gs
<body>
<div class="container_16">
 
// more stuff
 
<div class="grid_4">
Sidebar
</div>
 
// more stuff
 
</div>
</body>
960_using_compass_small_example.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14
// HTML using compass + 960.gs
<body>
<div class="page">
 
// more stuff
 
<div class="sidebar">
Sidebar
</div>
 
// more stuff
 
</div>
</body>
960_using_compass_small_example.sass
Sass
1 2 3 4 5 6 7 8 9
// more stuff
 
.page{
@include grid-container(16)
}
 
.sidebar{
@include grid(4);
}

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.