/*	
	If you are reading this in a .css file, please note:
	- This file has been generated from multiple LESS files.
	- Any required changes should be made to the approperiate LESS file and then recompile.
	- All changes made here will be overwritten and lost upon re-compiling.
*/


// ======================================================================================
// This file defines the main structure and bulk of the web site.
// Includes:
// 	• Variables
// 	• HTML Reset
// 	• Typography
// 	• Mixins
// 	• Page Layout
// 	• Grid System Base
// 	• Mobile Grid Changes / Breakpoints
//
// 	Changes to this file are encouraged on a per-project basis.
//	Just comment-out what you don't need and recompile using a less preprocessor!
// ======================================================================================

@import 'https://fonts.googleapis.com/css?family=Petrona|Belgrano|Average|Neuton|Actor|Gudea';


// Variables (Fonts, Colours, Grid Sizes etc)
	@import 'variables.less';

// HTML Reset
	@import 'reset.less';

// Typography
	@import 'typography.less';

// Mixins
	@import 'mixins.less';

// Grid System Base
	@import 'grid.less';


// Page Layout
	// no .less file for this (create one?)

// TODO: Margin-top on centered columns


// Mobile Grid Changes / Breakpoints
	@import 'breakpoints/desktop-large.less';
	@import 'breakpoints/desktop.less';
	@import 'breakpoints/tablet-landscape.less';
	@import 'breakpoints/tablet-portrait.less';
	@import 'breakpoints/mobile-landscape.less';
	@import 'breakpoints/mobile-portrait.less';
	

// Wireframe Theme (greyscale boxes & borders)
	// @import 'theme-wireframe.less';

// Development Theme (translucent layers greyscale)
	// @import 'theme-development.less';