3 files changed, 69 insertions, 20 deletions
diff --git a/themes/classic/sass/default/core/_typography.scss b/themes/classic/sass/default/core/_typography.scss
index 78abb6e4..1328d9b1 100644
--- a/themes/classic/sass/default/core/_typography.scss
+++ b/themes/classic/sass/default/core/_typography.scss
@@ -31,8 +31,11 @@ body {
 }
 h1 {
   font-size: 3.2em;
-  line-height: 1.2em
+  line-height: 1.2em;
+  @media only screen and (max-width: 768px) { font-size: 2.2em; }
 }
+
+
 h2, section h1 {
   font-size: 1.5em;
 }
@@ -116,3 +119,24 @@ blockquote {
     a { font-style: italic; }
   }
 }
+
+.has-pullquote:before {
+  /* Reset metrics. */
+  padding: 0;
+  border: none;
+
+  /* Content */
+  content: attr(data-pullquote);
+
+  /* Pull out to the right, modular scale based margins. */
+  float: right;
+  width: 45%;
+  margin: 1em 0 1em 1.5em;
+
+  /* Baseline correction */
+  position: relative;
+  top: 6px;
+  font-size: 1.4em;
+  line-height: 1.45em;
+}
+
diff --git a/themes/classic/sass/default/partials/_blog.scss b/themes/classic/sass/default/partials/_blog.scss
index 1f1a4a86..be6239af 100644
--- a/themes/classic/sass/default/partials/_blog.scss
+++ b/themes/classic/sass/default/partials/_blog.scss
@@ -14,16 +14,17 @@ $border: inline-image('dotted-border.png');
         padding-top: 0;
       }
     }
-    .byline + time:before, .byline + time +time:before {
+    time + .byline:before, .byline + time +time:before {
       content: "\2022 ";
       padding: 0 .3em 0 .2em;
       display: inline-block;
       @include opacity(.5);
     }
     header {
+      position: relative;
       padding-top: 2em;
       margin-bottom: 1.5em;
-      padding-bottom: 1.5em;
+      padding-bottom: 1em;
       background: $border bottom left repeat-x;
       h1 {
         margin: 0;
@@ -33,11 +34,24 @@ $border: inline-image('dotted-border.png');
       p {
         font-size: .9em;
         color: $type-color-light;
-        border: none;
-        padding-top: 0;
         margin: 0;
-        font-style: italic;
         @extend .sans;
+        &.meta {
+          text-transform: uppercase;
+          position: absolute;
+          top: 0;
+        }
+      }
+      @media only screen and (max-width: 768px) {
+        padding-bottom: 1em;
+        margin-bottom: 1em;
+        background: $border bottom left repeat-x;
+        p.meta { position: static; }
+      }
+
+      &.feature h1 {
+        font-size: 2.0em; font-style: italic;
+        line-height: 1.3em;
       }
     }
     .entry-content {
@@ -66,23 +80,33 @@ $border: inline-image('dotted-border.png');
         }
       }
     }
-    header.feature h1 {
-      font-size: 2.0em; font-style: italic;
-      line-height: 1.3em;
-    }
     #disqus_thread { }
-    .meta {
-      border-bottom: 1px dashed #dddddd;
-      text-transform: uppercase;
-      color: #777777;
-      padding: 8px 0 5px;
-      margin-bottom: 1.5em;
-      font-size: 75%;
-      letter-spacing: 1px;
-    }
 
-    .footer {
+    footer {
       padding-top: 15px;
+      time, .author { color: $light-text; }
+    }
+  }
+}
+article + article {
+  background: $border top left repeat-x;
+}
+#articles.blog-index {
+  article header { background: none; padding-bottom: 0; }
+  article h1 {
+    font-size: 2.2em;
+    a { color: inherit; &:hover{ color: $link-color-hover; } }
+  }
+  a[rel=full-article] {
+    background: darken($main-bg, 5);
+    display: inline-block;
+    padding: .4em .8em;
+    margin-right: .5em;
+    text-decoration: none;
+    @include transition(background-color, .5s);
+    &:hover {
+      background: $link-color-hover;
+      color: $main-bg;
     }
   }
 }
diff --git a/themes/classic/sass/default/partials/_syntax.scss b/themes/classic/sass/default/partials/_syntax.scss
index 22f5eb06..05a97082 100644
--- a/themes/classic/sass/default/partials/_syntax.scss
+++ b/themes/classic/sass/default/partials/_syntax.scss
@@ -60,6 +60,7 @@ pre {
   margin-bottom: 1.5em;
   padding: .4em .8em;
   color: #555;
+  overflow: auto;
 }
 
 p code {