SCSS / Compass version of LESS files

sass/1382.scss

@@ -0,0 +1,24 @@
+// ==========================================================
+
+// 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
+
+// ==========================================================
+
+/* 1382 =================================================== */
+
+// 1. ROOT 					==============================
+
+body {
+max-width : 1440px; }
+
+// 2. TYPOGRAPHY 			==============================
+// 3. COLOUR 				==============================
+// 4. TEXTURE 				==============================
+// 5. ELEMENTS 				==============================
+// 6. LAYOUT 				==============================
+// 7. VENDOR-SPECIFIC 		==============================
+// 8. MODERNIZR 			==============================
+// 9. TEMPLATE SPECIFICS 	==============================

sass/2x.scss

@@ -0,0 +1,20 @@
+// ==========================================================
+
+// 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
+
+// ==========================================================
+
+/* 2x =================================================== */
+
+// 1. ROOT 					==============================
+// 2. TYPOGRAPHY 			==============================
+// 3. COLOUR 				==============================
+// 4. TEXTURE 				==============================
+// 5. ELEMENTS 				==============================
+// 6. LAYOUT 				==============================
+// 7. VENDOR-SPECIFIC 		==============================
+// 8. MODERNIZR 			==============================
+// 9. TEMPLATE SPECIFICS 	==============================

sass/320andup.scss

@@ -0,0 +1,109 @@
+/* ============================================================
+
+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 "reset.scss"; 
+
+// Import Compass Core Framework (http://compass-style.org)
+@import "compass";
+
+// Variables and mixins
+@import "variables.scss";
+@import "mixins.scss";
+
+// Site wide styles (html, body)
+@import "site.scss";
+
+// 2. TYPOGRAPHY 			==============================
+
+// Block level (h1, p) and text-level (em, strong) type
+@import "typography.scss";
+
+// 3. COLOUR 				==============================
+
+// Colour interaction semantics
+@import "colour.scss";
+
+// 4. TEXTURE 				==============================
+
+// Alerts, badges, boxes and gradients
+@import "texture.scss";
+
+// Font Awesome icon fonts (optional)
+@import "font-awesome.scss";
+
+// 5. ELEMENTS 				==============================
+
+// Figures, images and other elements
+@import "elements.scss";
+
+// Standard form controls
+@import "forms.scss";
+
+// Button styles (optional)
+@import "buttons.scss";
+
+// Tables
+@import "tables.scss";
+
+// 6. LAYOUT 			==============================
+
+// Page level layout styles (banner, navigation, content, contentinfo)
+@import "page.scss";
+
+//  7. VENDOR-SPECIFIC 		==============================
+//  8. MODERNIZR 			==============================
+
+@import "modernizr.scss";
+
+//  9. TEMPLATE SPECIFICS 	==============================
+//  10. MEDIA QUERIES 		==============================
+
+@media print {
+@import "print.scss";
+}
+
+// 480px
+@media only screen and (min-width: 480px) {
+@import "480.scss";
+}
+
+// 600px
+@media only screen and (min-width: 600px) {
+@import "600.scss";
+}
+
+// 768px
+@media only screen and (min-width: 768px) {
+@import "768.scss";
+}
+
+// 992px
+@media only screen and (min-width: 992px) {
+@import "992.scss";
+}
+
+// 1382px
+@media only screen and (min-width: 1382px) {
+@import "1382.scss";
+}
+
+// 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.scss"; }
+
+//  11. UPSTARTS 			==============================
+
+@import "upstarts/320andup-modules/upstart.scss";
+@import "upstarts/320andup-panels/upstart.scss";

sass/480.scss

@@ -0,0 +1,20 @@
+// ==========================================================
+
+// 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
+
+// ==========================================================
+
+/* 480 =================================================== */
+
+// 1. ROOT 					==============================
+// 2. TYPOGRAPHY 			==============================
+// 3. COLOUR 				==============================
+// 4. TEXTURE 				==============================
+// 5. ELEMENTS 				==============================
+// 6. LAYOUT 				==============================
+// 7. VENDOR-SPECIFIC 		==============================
+// 8. MODERNIZR 			==============================
+// 9. TEMPLATE SPECIFICS 	==============================

sass/600.scss

@@ -0,0 +1,20 @@
+// ==========================================================
+
+// 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
+
+// ==========================================================
+
+/* 600 =================================================== */
+
+// 1. ROOT 					==============================
+// 2. TYPOGRAPHY 			==============================
+// 3. COLOUR 				==============================
+// 4. TEXTURE 				==============================
+// 5. ELEMENTS 				==============================
+// 6. LAYOUT 				==============================
+// 7. VENDOR-SPECIFIC 		==============================
+// 8. MODERNIZR 			==============================
+// 9. TEMPLATE SPECIFICS 	==============================

sass/768.scss

@@ -0,0 +1,47 @@
+// ==========================================================
+
+// 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
+
+// ==========================================================
+
+/* 768 =================================================== */
+
+// 1. ROOT 					==============================
+
+body {
+display : table; 
+border-collapse : collapse; }
+
+// 2. TYPOGRAPHY 			==============================
+// 3. COLOUR 				==============================
+// 4. TEXTURE 				==============================
+// 5. ELEMENTS 				==============================
+// 6. LAYOUT 				==============================
+
+//   BANNER 				==============================
+
+[role="banner"] a[href="#navigation"] {
+display : none !important; 
+visibility : hidden; }
+
+//   NAVIGATION 			==============================
+
+[role="navigation"] {
+display : table-header-group; 
+
+p {
+margin : 0 auto;
+width : 90%; }
+}
+
+//   CONTENT 				==============================
+//   11 MAIN 				==============================
+//   COMPLEMENTARY 			==============================
+//   CONTENTINFO 			==============================
+
+//  7. VENDOR-SPECIFIC 		==============================
+//  8. MODERNIZR 			==============================
+//  9. TEMPLATE SPECIFICS 	==============================

sass/992.scss

@@ -0,0 +1,20 @@
+// ==========================================================
+
+// 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
+
+// ==========================================================
+
+/* 992 =================================================== */
+
+// 1. ROOT 					==============================
+// 2. TYPOGRAPHY 			==============================
+// 3. COLOUR 				==============================
+// 4. TEXTURE 				==============================
+// 5. ELEMENTS 				==============================
+// 6. LAYOUT 				==============================
+// 7. VENDOR-SPECIFIC 		==============================
+// 8. MODERNIZR 			==============================
+// 9. TEMPLATE SPECIFICS 	==============================