From c7d5365f81552cae16bbb91696ca3e67b4a0a2e9 Mon Sep 17 00:00:00 2001 From: Brandon Mathis Date: Sun, 15 May 2011 18:33:00 -0400 Subject: 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 --- sass/themes/classic/media/_480.scss | 16 ++++++++++++++++ sass/themes/classic/media/_768.scss | 16 ++++++++++++++++ sass/themes/classic/media/_992.scss | 3 +++ 3 files changed, 35 insertions(+) create mode 100644 sass/themes/classic/media/_480.scss create mode 100644 sass/themes/classic/media/_768.scss create mode 100644 sass/themes/classic/media/_992.scss (limited to 'sass/themes/classic/media') 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; +} -- cgit v1.2.1