From 381982f4a7df2a92582399fbeaf365539569d552 Mon Sep 17 00:00:00 2001
From: Shawn O'Hare <ohare.shawn@gmail.com>
Date: Wed, 30 Dec 2015 22:13:11 -0800
Subject: [PATCH] Update css.

---
 README.md                 |  1 +
 static/css/hugo-tufte.css | 30 +++++++++++++++++++++++++++---
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 3ecc466..b7fb137 100644
--- a/README.md
+++ b/README.md
@@ -36,6 +36,7 @@ This theme provides the following shortcodes.
 - `blockquote`
   - Description: Wrap text in a blockquote and insert optional
   `cite` or `footer` metadata.
+  - Usage: Accepts the named parameters `cite` and `footer`.
   - Example: 
   ```html
   {{% blockquote cite="www.shawnohare.com" footer="Shawn" %}}
diff --git a/static/css/hugo-tufte.css b/static/css/hugo-tufte.css
index 4f737c7..ca7ab2b 100644
--- a/static/css/hugo-tufte.css
+++ b/static/css/hugo-tufte.css
@@ -4,10 +4,33 @@
 /* accomodate a blog-like site. */
 /* ------------------------------------------------------------------------ */
 
-h2 {
-    padding-top: 2.5rem;
+/* Hugo code blocks are <pre><code class="language-$lang">...</code></pre> */
+@media screen and (max-width: 760px) {
+    pre code {
+       width: 87.5%;
+    }
 }
 
+pre code {
+    width: 52.5%;
+    padding-left: 2.5%;
+    display: block;
+    overflow-x: scroll;
+}
+
+@media (max-width: 760px) {
+    pre code {
+        width: 90%;
+        padding: 0;
+    }
+ }
+
+/* FIXME delete */
+/* To be faithful to Tufte-CSS, we should rely on section shortcodes. */
+/*h2 {
+    padding-top: 2.5rem;
+}*/
+
 /* ------------------------------------------------------------------------ */
 /* Brand details, such as a sidebar or top display. */
 /* ------------------------------------------------------------------------ */
@@ -72,7 +95,8 @@ h1.content-title a:focus {
 /* Content meta-data such as author, publication date, etc. */
 .content-meta {
     display: block;
-    color: rgba(155, 155, 155, 1);
+    /*color: rgba(155, 155, 155, 1);*/
+    color: rgba(100, 105, 110, 1);
     font-size: 90%;
     margin-top: 1em;
 }