/* Less CSS Document */
/* Will be auto compiled to CSS file on save */
/* -------------------------- */
/* header */
/* ------------------------- */
/* mixin libary */
/* Less CSS Document */
/* Will be auto compiled to CSS file on save */
/* 
	#.# Property Ordering
	
•	Box Model
•	Display
•	Colors and Typography
•	Positioning
•	Other 
*/
/**
* #.# Golbal variables
*
* Defaults Settings require for Grid Mixin to work
*/
/* The entrire width of the grid */
/* The number of columns */
/* The space between columns */
/* The unit of measure for the dimentions of the grid */
/* The number of sub columns used for nesting */
/*---------------------------------------------------------*
	Gutter
 *---------------------------------------------------------*/
/*
 *  Calculate gutter
 *  Check unit type and calculate gutter base of unit type
 */
/*
 * Use to genrate gutter in sematic mode
 */
/*---------------------------------------------------------*
	Columns
 *---------------------------------------------------------*/
/*
 * 1. Generates columns of grid.
 * 2. Stores partial calculation needed to calculate brick/column width.
 * 3. Check unit type and calculate brick/column width base of unit type
 */
/*
 * Use to generate columns in sematic mode
 */
/*---------------------------------------------------------*
	Offset
 *---------------------------------------------------------*/
/*
 * Stores partial calculation needed to calculate offset
 * Check unit type and calculate offset base of unit type
 */
/*
 * 
 */
/*
 * Clearfix
 * Force container to conatin float children
 */
.clearfix:before,
.row:before,
.l-foundation:before,
.clearfix:after,
.row:after,
.l-foundation:after {
  content: " ";
  display: table;
}
.clearfix:after,
.row:after,
.l-foundation:after {
  clear: both;
}
/*---------------------------------------------------------*
	Autogrid
 *---------------------------------------------------------*/
/*
 * Recusive function thats generates grid dimentions and
 * properties base on the number of block/columns
 */
/*
 * Center columns
 */
.center {
  margin: auto;
}