corvine74
6/18/2014 - 2:43 PM

grid

//
// Grid system
// --------------------------------------------------
@default-width:		(@remCalc * 1200);
@default-columns:	12;
@default-colspan:	1;
@default-padding: 0;
@default-margin:	0 auto;
@default-gutter:	0;

.row (@width:@default-width; @row-padding:false; @margin:@default-margin;) {
	max-width: @width;
	width: 100%;
	margin: @margin;
	.row-padding(@row-padding);
	&:before,
	&:after {
		content:"";
		display:table;
	}
	&:after {
		clear:both;
	}
}

.row-padding (
	@row-padding) when (
	@row-padding = false) {
	padding: @default-padding;
}

.row-padding (
	@row-padding) when (
	@row-padding = true) {
	padding-top: @default-padding;
	padding-bottom: @default-padding;
}

.cols (@colspan:@default-colspan;	@total-cols:@default-columns;	@padding:@default-padding; @gutter:@default-gutter;	@edge:false;) {
	@total-gutter: (@total-cols - 1) * @gutter;
	@spanned-gutters: (@colspan - 1) * @gutter;
	width: (@colspan * ((100 - @total-gutter) / @total-cols)) + @spanned-gutters + 0%;
	float: left;
	padding: @padding;
	.ifEdge (@edge; @gutter);
}

.ifEdge (
	@edge;@gutter;) when (
	@edge = false) {
	margin-right: @gutter + 0%;
}

.ifEdge (
	@edge;@gutter;) when (
	@edge = true) {
	margin-right: 0;
}