base-front-end-project
======================

A useful front-end base project. A little SCSS framework is included along with a mini jQuery starting point. A HTML5 boilerplate is added for good measure too.

Please only use as a base. 

[andy-bell.co.uk](http://andy-bell.co.uk)
Base Front End Project
======================

A useful front-end base project. A little SCSS framework is included along with a mini jQuery starting point. A HTML5 boilerplate is added for good measure too.

Please only use as a base. 

[andy-bell.co.uk](http://andy-bell.co.uk)

SCSS Structure
--------------


**framework** - You shouldn't modify any of these files if you can help it. Customisations can be made within the vars area in **project**

- **_build.scss** - This is a central file that pulls all the framework resources together

- **base** 
	- **_csswizardry-grids.scss** - [CSSWizardry grid system](https://github.com/csswizardry/csswizardry-grids)
	- **_reset.scss** - Simple CSS reset/normalize

- **mixins**
	- **_font-size.scss** - Font size media query for generating REM unit font sizes and line-heights
	- **_media-query.scss** - Human readable media queries
	- **_opacity.scss** - Cross browser friendly opacity
	- **_print.scss** - Simple print styles media query
	- **_vendor.scss** - Vendor prefixer
	

**project**
	
- **components** - Add all your reusable component partials here and import in global.scss

- **layout** - Add major layout partials here and import in global.scss

- **vars** 
	- **_metrics.scss** - All metric vars such as breakpoints, widths etc. live here
	- **_typography.scss** - All typography vars such as fonts, base font sizes etc. live here
	- **_color.scss** - All color vars live here
	- **_generic.scss** - All generic vars that don't fit into the other groups live here
Add SCSS structure to readme
Add SCSS structure to readme
