320andup-scss-compass.scss

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

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

// Compass
@import "compass";

// CSS reset
@import "reset";

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

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

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

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

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

// Colour interaction semantics
@import "colour";

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

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

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

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

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

// Standard form controls
@import "forms";

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

// Tables
@import "tables";

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

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

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

// @import "modernizr";

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

@media print {
@import "print";
}

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

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

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

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

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

// 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 "2x"; }

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

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

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