style.less

/*
Theme Name: 320semanticgs
Theme URI: http://320semanticgs.mattbailey.co
Description: A responsive, HTML5, starter theme for WordPress, based on 320 And Up and semantic.gs.
Author: Matt Bailey
Author URI: http://www.mattbailey.co
Version: 1.0
*/

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

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, mixins and semantic.gs
@import "less/variables.less";
@import "less/mixins.less";
@import "less/grid.less"; // Semantic.gs for LESS: http://lesscss.org/

// 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 			==============================

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