git.fiddlerwoaroof.com
js/twigkit-semantic.gs-22e0e79/examples/pushpull/pushpull.scss
be9b2e82
 @import '../../stylesheets/reset.css';
 @import '../../stylesheets/demo.css';
 @import '../../stylesheets/scss/grid.scss';
 
 
 //////////
 // GRID //
 //////////
 
 // Specify the number of columns and set column and gutter widths
 $columns: 12;
 $column-width: 60;
 $gutter-width: 20;
 
 // Uncomment the definition below for a percentage-based layout
 // $total-width: 100%;
 
 
 ////////////
 // LAYOUT //
 ////////////
 
 // center the contents
 div.center {
 	width: 960px;
 	margin: 0 auto;
 	overflow: hidden;
 }
 
 // header
 header#top {
 	@include column(12);
 	margin-bottom: 1em;
 }
 
 // push
 #push {
 	@include column(8);
 	@include push(4);
 	margin-bottom: 1em;
 }
 
 // pull
 #pull {
 	@include column(8);
 	@include pull(4);
 	margin-bottom: 1em;
 }