improved typography and added blog styles for metadata

3 files changed, 33 insertions, 27 deletions

diff --git a/stylesheets/_typography.sass b/stylesheets/_typography.sass
index 15596bba..4d8ba95e 100644
--- a/stylesheets/_typography.sass
+++ b/stylesheets/_typography.sass
@@ -17,6 +17,8 @@ h1,h2,h3,h4,h5,h6
   color: #333
   font-weight: bold
   +heading-font
+
+h1,h2,h3,h4
   letter-spacing: -1px
 
 blockquote
diff --git a/stylesheets/library/_typography.sass b/stylesheets/library/_typography.sass
index 0485d8e9..b432d678 100644
--- a/stylesheets/library/_typography.sass
+++ b/stylesheets/library/_typography.sass
@@ -25,43 +25,35 @@
   +typography-defaults(!font_size)
 
 =set-heading-sizes(!font_size = !base_font_size)
-  !h6 = ceil(!font_size*1.3)
-  !h5 = ceil(!font_size*1.4)
-  !h4 = ceil(!font_size*1.7)
-  !h3 = ceil(!font_size*1.9)
-  !h2 = ceil(!font_size*2.2)
-  !h1 = ceil(!font_size*2.5)
+  !h6 = ceil(!font_size*1)
+  !h5 = ceil(!font_size*1)
+  !h4 = ceil(!font_size*1.2)
+  !h3 = ceil(!font_size*1.8)
+  !h2 = ceil(!font_size*3)
+  !h1 = ceil(!font_size*3.5)
   h1, h2, h3, h4
     &:first-child
       margin-top: 0
+  h1,h2,h3,h4,h5,h6
+    line-height: 1.1em
+    margin-bottom: .7em
+    margin-top: .3em
   h1
     font-size= !h1
-    margin-bottom= !font_size * .765
-    line-height= !h1 * 1.625
   h2
     font-size= !h2
-    margin-bottom= !font_size * .855
-    line-height= !h2 * 1.625
   h3
     font-size= !h3
-    margin-bottom= !font_size * .956
-    line-height= !h3 * 1.625
   h4
     font-size= !h4
-    margin-bottom= !font_size * 1.161
-    line-height= !h4 * 1.625
   h5
     font-size= !h5
-    margin-bottom= !font_size * 1.238
-    line-height= !h5 * 1.625
   h6
     font-size= !h6
-    margin-bottom= !font_size * 1.625
-    line-height= !h6 * 1.625
 
 =typography-defaults(!font_size = !base_font_size)
   body
-    line-height: 1.625em
+    line-height: 1.45em
     color= !base_font_color
   p
     +p-style(!font_size)
@@ -97,9 +89,6 @@
   address
     margin-top= !font_size * 1.625
     font-style: italic
-  pre, code
-    margin= !font_size * 1.625 0
-    white-space: pre
   pre, code, tt
     +fixed-font
     line-height= !font_size * 1.5
@@ -109,8 +98,7 @@
   sub, sup
     line-height: 0
   hr
-    margin-bottom= !font_size * 1.625
-  
+    margin-bottom: .2em
   small, .small
     font-size= floor(!font_size * .85)
   big, .big
@@ -151,7 +139,7 @@
     margin: 0
     
 =p-style(!font_size = !base_font_size)
-  padding-bottom= !font_size * 0.8125
+  padding-bottom: 1.3em
   img
     float: left
     margin:
diff --git a/stylesheets/partials/_blog.sass b/stylesheets/partials/_blog.sass
index 34ec6da3..b54ef4f1 100644
--- a/stylesheets/partials/_blog.sass
+++ b/stylesheets/partials/_blog.sass
@@ -1,8 +1,24 @@
 .blog
+  h2
+    padding-top: 0
+    margin-bottom: .1em
+  .title
+    text-decoration: none
+    &:hover
+      text-decoration: underline
   .article
     padding= !base_font_size * 1.5 0 !base_font_size * 1.5
     border-bottom= "1px solid" !article_border
     &:first-child
       padding-top: 0
-  .footer
-    padding-top= !base_font_size
\ No newline at end of file
+  #disqus_thread
+    padding-top= !base_font_size
+  .meta
+    +sans-font
+    border-bottom: 1px dashed #ddd
+    text-transform: uppercase
+    color: #777
+    padding: 8px 0 5px
+    margin-bottom: 1.5em
+    font-size: 75%
+    letter-spacing: 1px
\ No newline at end of file