gistfile1.txt

$grid_width:66px;
$grid_space: 16px;

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	position: relative;
	margin-left: $grid_space / 2;
	margin-right: $grid_space / 2;
}

.grid_1 { width: $grid_width; }
.grid_2 { width: $grid_width * 2; }
.grid_3 { width: $grid_width * 3; }
.grid_4 { width: $grid_width * 4; }
.grid_5 { width: $grid_width * 5; }
.grid_6 { width: $grid_width * 6; }
.grid_7 { width: $grid_width * 7; }
.grid_8 { width: $grid_width * 8; }
.grid_9 { width: $grid_width * 9; }
.grid_10 { width: $grid_width * 10; }
.grid_11 { width: $grid_width * 11; }
.grid_12 { width: $grid_width * 12; }

.prefix_1 { padding-left: ($grid_space + $grid_width ) - ($grid-space / 2) ;}
.prefix_2 { padding-left: ($grid_space + $grid_width * 2 ) - ($grid-space / 2) ;}
.prefix_3 { padding-left: ($grid_space + $grid_width * 3 ) - ($grid-space / 2) ;}
.prefix_4 { padding-left: ($grid_space + $grid_width * 4 ) - ($grid-space / 2) ;}
.prefix_5 { padding-left: ($grid_space + $grid_width * 5 ) - ($grid-space / 2) ;}
.prefix_6 { padding-left: ($grid_space + $grid_width * 6 ) - ($grid-space / 2) ;}
.prefix_7 { padding-left: ($grid_space + $grid_width * 7 ) - ($grid-space / 2) ;}
.prefix_8 { padding-left: ($grid_space + $grid_width * 8 ) - ($grid-space / 2) ;}
.prefix_9 { padding-left: ($grid_space + $grid_width * 9 ) - ($grid-space / 2) ;}
.prefix_10 { padding-left: ($grid_space + $grid_width * 10 ) - ($grid-space / 2) ;}
.prefix_11 { padding-left: ($grid_space + $grid_width * 11 ) - ($grid-space / 2) ;}

.suffix_1 { padding-right: ($grid_space + $grid_width ) - ($grid-space / 2) ;}
.suffix_2 { padding-right: ($grid_space + $grid_width * 2 ) - ($grid-space / 2) ;}
.suffix_3 { padding-right: ($grid_space + $grid_width * 3 ) - ($grid-space / 2) ;}
.suffix_4 { padding-right: ($grid_space + $grid_width * 4 ) - ($grid-space / 2) ;}
.suffix_5 { padding-right: ($grid_space + $grid_width * 5 ) - ($grid-space / 2) ;}
.suffix_6 { padding-right: ($grid_space + $grid_width * 6 ) - ($grid-space / 2) ;}
.suffix_7 { padding-right: ($grid_space + $grid_width * 7 ) - ($grid-space / 2) ;}
.suffix_8 { padding-right: ($grid_space + $grid_width * 8 ) - ($grid-space / 2) ;}
.suffix_9 { padding-right: ($grid_space + $grid_width * 9 ) - ($grid-space / 2) ;}
.suffix_10 { padding-right: ($grid_space + $grid_width * 10 ) - ($grid-space / 2) ;}
.suffix_11 { padding-right: ($grid_space + $grid_width * 11 ) - ($grid-space / 2) ;}