Modified styles

- Added blockquote style
- Added variables file
- Justified text (experimental)

assets/static/sass/_blog.sass

@@ -8,6 +8,7 @@ article.blog-post
 
   .content
     margin-top: 1em
+    text-align: justify
 
     img
       display: block
@@ -15,3 +16,15 @@ article.blog-post
 
     img
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
+
+blockquote
+  display: block
+  background: #eee
+  font-style: italic
+  padding: 15px 20px 15px 20px
+  font-family: Georgia, serif
+  color: #666
+  text-align: justify
+
+  p
+    margin: 0

assets/static/sass/_layout.sass

@@ -9,7 +9,7 @@ body
 
 a
   text-decoration: underilne
-  color: #c24e4a
+  color: $red
 
 img
   max-width: 100%

assets/static/sass/_table.sass

@@ -4,15 +4,15 @@ table
   box-shadow: 0 1px 3px rgba(0,0,0,0.2)
 
   th
-    background: #c93737
+    background: $red
     color: white
     font-weight: bold
 
   tr
-    background: #f6f6f6
+    background: $lightgray
 
     &:nth-of-type(odd)
-      background: #e9e9e9
+      background: $darkgray
 
   td, th
-    padding: 6px  
+    padding: 6px

assets/static/sass/_variables.sass

@@ -0,0 +1,3 @@
+$red: #c24e4a
+$lightgray: #f6f6f6
+$darkgray: #e9e9e9

assets/static/sass/style.sass

@@ -1,3 +1,4 @@
+@import ./variables
 @import ./mediaqueries
 @import ./mixins
 @import ./grid