automatically apply monochrome/terse styling

In browsers supporting CSS3 media selectors, load the mono stylesheet
for monochrome environments, and terse if available width is
insufficient for default key formatting.

diff --git a/base.css b/base.css
index 0bc7a131945e35ea92f84755d35a5b298b9c2e34..00871f7f4444686eda513fc9b15a424795562eda 100644 (file)
--- a/base.css
+++ b/base.css
@@ -1,3 +1,11 @@
+/* media features */
+
+@import url(terse.css) all and (max-width: 80em);
+
+@import url(mono.css) all and (monochrome);
+
+/* general */
+
 body {
        background: #FFF;
        color: #000;