@gridColumns: 12;

// The Grid
#grid {

  .fluid (@gridColumnWidth, @gridGutterWidth) {

    .spanX (@index) when (@index > 0) {
      (~"> .span@{index}") { .span(@index); }
      .spanX(@index - 1);
    }
    .spanX (0) { }

    .span (@columns) {
      width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
    }

	.row-fluid {
		// generate .spanX and .offsetX
		.spanX (@gridColumns);
	}
  }
}

#grid > .fluid(60px, 20px);
