major refactoring, improved file watching, changed site to public to support rack via pow (http://pow.cx) also implemented the basics of a 320 and up design refresh on the classic theme. This should make it great for mobile reading

3 files changed, 35 insertions, 0 deletions

diff --git a/sass/themes/classic/media/_480.scss b/sass/themes/classic/media/_480.scss
new file mode 100644
index 00000000..e6f0613a
--- /dev/null
+++ b/sass/themes/classic/media/_480.scss
@@ -0,0 +1,16 @@
+body {
+  > header, > nav, > footer {
+    > div {
+      padding-left: .5em;
+      padding-right: .5em;
+    }
+  }
+  > header { font-size: .7em; padding: .5em 0; }
+}
+#articles { font-size: .9em; line-height: 1.5em;
+  > article { padding: .5em; }
+  + aside { display: none; }
+}
+body > nav > div > div { width: 180px;
+  .search { width: 110px; }
+}
diff --git a/sass/themes/classic/media/_768.scss b/sass/themes/classic/media/_768.scss
new file mode 100644
index 00000000..d8c61d57
--- /dev/null
+++ b/sass/themes/classic/media/_768.scss
@@ -0,0 +1,16 @@
+body > header, body #articles {
+  font-size: .95em;
+}
+
+//body {
+  //> header, > nav, > footer {
+    //> div { padding: 0 15px; }
+  //}
+//}
+//#page > div {
+  //margin-right: 0;
+  //#main { float: none; }
+  //> aside { margin: 0; float: none; }
+//}
+//page > div > aside { float: none; }
+//#main > * { padding-left: 15px; padding-right: 15px; }
diff --git a/sass/themes/classic/media/_992.scss b/sass/themes/classic/media/_992.scss
new file mode 100644
index 00000000..f7c643b6
--- /dev/null
+++ b/sass/themes/classic/media/_992.scss
@@ -0,0 +1,3 @@
+body > header, body #articles {
+  font-size: 1.05em;
+}