/* ===========================================================

320 and Up by Andy Clarke
Version: 3.0
URL: http://stuffandnonsense.co.uk/projects/320andup/
Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0

============================================================ */

// 1. ROOT 					==============================

// CSS reset
@import "less/reset.less";

// Variables and mixins
@import "less/variables.less";
@import "less/mixins.less";

// Site wide styles (html, body)
@import "less/site.less";

// 2. TYPOGRAPHY 			==============================

// Block level (h1, p) and text-level (em, strong) type
@import "less/typography.less";

// 3. COLOUR 				==============================

// Colour interaction semantics
@import "less/colour.less";

// 4. TEXTURE 				==============================

// Alerts, badges, boxes and gradients
@import "less/texture.less";

// Font Awesome icon fonts (optional)
@import "less/font-awesome.less";

// 5. ELEMENTS 				==============================

// Figures, images and other elements
@import "less/elements.less";

// Standard form controls
@import "less/forms.less";

// Button styles (optional)
@import "less/buttons.less";

// Tables
@import "less/tables.less";

// 6. LAYOUT 			==============================

// Page level layout styles (banner, navigation, content, contentinfo)
@import "less/page.less";

//  7. VENDOR-SPECIFIC 		==============================
//  8. MODERNIZR 			==============================

// @import "less/modernizr.less";

//  9. TEMPLATE SPECIFICS 	==============================
//  10. MEDIA QUERIES 		==============================

@media print {
@import "less/print.less";
}

// 480px
@media only screen and (min-width: 480px) {
@import "less/480.less";
}

// 600px
@media only screen and (min-width: 600px) {
@import "less/600.less";
}

// 768px
@media only screen and (min-width: 768px) {
@import "less/768.less";
}

// 992px
@media only screen and (min-width: 992px) {
@import "less/992.less";
}

// 1382px
@media only screen and (min-width: 1382px) {
@import "less/1382.less";
}

// 2x
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
@import "less/2x.less"; }

//  11. UPSTARTS 			==============================

// Modules and panels
@import "less/upstarts/320andup-modules/upstart.less";
@import "less/upstarts/320andup-panels/upstart.less";

// Layout option using display:table for navigation positioning
// @import "less/upstarts/320andup-display-table/upstart.less";