From db4dceaba5b629fa0ff6769c448f87febb2b6af3 Mon Sep 17 00:00:00 2001
From: Barry Clark <barry@barryclark.co>
Date: Wed, 12 Feb 2014 20:42:49 -0500
Subject: Lots of style updates

---
 scss/_variables.scss |  2 +-
 scss/style.scss      | 37 ++++++++++++++++++++-----------------
 2 files changed, 21 insertions(+), 18 deletions(-)

(limited to 'scss')

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 0a85575..53bae88 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -12,7 +12,7 @@ $black: #000;
 $darkerGray: #222;
 $darkGray: #333;
 $gray: #666;
-$lightGray: #bbb;
+$lightGray: #aaa;
 $lighterGray: #eee;
 $white: #fff;
 
diff --git a/scss/style.scss b/scss/style.scss
index d3d2cfc..6b13419 100755
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -17,7 +17,7 @@ html {
 }
 
 body {
-  max-width: 700px;
+  max-width: 680px;
 	margin: 0 auto;
 	
 	background: $white;
@@ -25,20 +25,20 @@ body {
   color: $darkGray;
 }
 
-h1, h2, h3, h4, h5, h6, .section > header {
+h1, h2, h3, h4, h5, h6 {
   font-family: $helveticaNeue;
   color: $darkerGray;
-  font-weight: bold;
+  font-weight: 400;
   
   line-height: 1.7;
-  margin: 2em 0 15px;
+  margin: 1em 0 15px;
   padding: 0;
 }
-
+  
 h1 {  
-  font-size: 2rem;
+  font-size: 2.2rem;
   @include mobile {
-    font-size: 2rem;
+    font-size: 2.2rem;
   }
 }
 
@@ -86,6 +86,10 @@ ul {
   list-style-type: disc;
 }
 
+img {
+  max-width: 100%;
+}
+
 // Specify the color of the selection
 ::-moz-selection {
   color: $black;
@@ -101,10 +105,6 @@ ul {
 // LAYOUT / SECTIONS
 //
 
-header {
-  margin: 40px 0;
-}
-
 .logo {
   float: left;
 
@@ -118,6 +118,10 @@ header {
   }
 }
 
+.avatar {
+  border-radius: 6px;
+}
+
 nav {
   float: right;
 
@@ -154,13 +158,12 @@ nav {
   }
 }
 
-.post {
-  width: 680px;
-  
-  @include mobile {
-    width: 100%;
-  }
+.posts > .post {
+  padding-bottom: 2em;
+  border-bottom: 1px solid $lighterGray;
+}
 
+.post { 
   blockquote {
     border-left: 2px solid $gray;
     font-size: 1.2em;
-- 
cgit v1.2.3