Sassy Fun

gistfile1.sass

$fullWidth: 960px;
$colWidth: 60px;
$colPerct: $colWidth/$fullWidth * 100 + 0%; //Damn That's Hackey
$gutterWidth: 10px;

.container {
    padding: 0 20px;
}

.row {
  width: 100%;
  max-width: $fullWidth;
  min-width: 755px;
  margin: 0 auto;
  overflow: hidden;
}

.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .twelve, .thirteen, .fourteen, .fifteen, .sixteen {
  margin-right: $gutterWidth;
  float: left;
  min-height: 1px;
}

.row .one       {width: $colPerct;}
.row .two       {width: $colPerct * 2;}
.row .three     {width: $colPerct * 3;}
.row .four      {width: $colPerct * 4;}
.row .five      {width: $colPerct * 5;}
.row .six       {width: $colPerct * 6;}
.row .seven     {width: $colPerct * 7;}
.row .eight     {width: $colPerct * 8;}
.row .nine      {width: $colPerct * 9;}
.row .ten       {width: $colPerct * 10;}
.row .eleven    {width: $colPerct * 11;}
.row .twelve    {width: $colPerct * 12;}
.row .thirteen  {width: $colPerct * 13;}
.row .fourteen  {width: $colPerct * 14;}
.row .fifteen   {width: $colPerct * 15;}
.row .sixteen   {width: $colPerct * 16;}