Simple fixed-width LESS mixin

fixedGrid.less

@gridWidth: 1170;
@gutterWidth: 30;
@numberOfColumns: 12;
@columnWidth: (@gridWidth - ((@numberOfColumns - 1) * @gutterWidth)) / @numberOfColumns;

.row {
	width: 1170px;
	margin: 0 auto;
	overflow: hidden;
}

.loop (@index) when (@index > 0) {
	.span-@{index} {
		overflow: hidden;
		float: left;
		display: inline;
		width: unit((@index * @columnWidth) + ((@index - 1) * @gutterWidth), px);
	}

	.loop(@index - 1);
}
.loop (0) {}
.loop (@numberOfColumns);