Move post and post header to separate partials, and change styling.

4 files changed, 39 insertions, 25 deletions

diff --git a/blog/_assets/stylesheets/_config.scss b/blog/_assets/stylesheets/_config.scss
index 2b91952..8477f0a 100644
--- a/blog/_assets/stylesheets/_config.scss
+++ b/blog/_assets/stylesheets/_config.scss
@@ -1,10 +1,12 @@
 $body-bg: black;
 $text-color: #aaa;
+$heading-color: #3379BF;
 $dimmed-text-color: darken($text-color, 20%);
-$link-color: #686;
+$link-color: #93A2B1; //#686;
 $link-hover-color: lighten(#686, 5%);
 $side-bar-background: rgba(20, 20, 20, 0.7);
-$menu-bar-background: rgba(128, 256, 128, 0.15);
+$menu-bar-background: transparentize(#243B48, 0.2); //rgba(128, 256, 128, 0.15);
+$post-header-background: $menu-bar-background;
 
 
 $nav-link-padding: 5px 10px;
diff --git a/blog/_assets/stylesheets/_navbar.scss b/blog/_assets/stylesheets/_navbar.scss
index f5c46f5..90c2c20 100644
--- a/blog/_assets/stylesheets/_navbar.scss
+++ b/blog/_assets/stylesheets/_navbar.scss
@@ -5,10 +5,7 @@
         }
         @include round-corners;
         width: 100%;
-        border: {
-            bottom: 1px solid darkgray;
-            top: 1px solid darkgray;
-        }
+        padding: 1mm;
 
         a {
             text-decoration: none;
diff --git a/blog/_assets/stylesheets/_post.scss b/blog/_assets/stylesheets/_post.scss
new file mode 100644
index 0000000..6278c17
--- /dev/null
+++ b/blog/_assets/stylesheets/_post.scss
@@ -0,0 +1,29 @@
+.post-header {
+    background-color: $post-header-background;
+    padding: 2mm;
+    date {
+        font-size: 10pt;
+    }
+    h1 {
+        font: {
+            size: 13pt;
+            weight: bold;
+        }
+        margin: {
+            bottom: 0;
+            top: 0;
+        }
+        a {
+            text-decoration: none;
+        }
+    }
+}
+
+.post {
+}
+
+.post-body {
+    background-color: transparentize(#182530, 0.3);
+    padding: 2mm;
+    margin-bottom: 2mm;
+}
\ No newline at end of file
diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss
index f2a84a7..fbf13e5 100644
--- a/blog/_assets/stylesheets/main.scss
+++ b/blog/_assets/stylesheets/main.scss
@@ -3,6 +3,7 @@
 @import "header";
 @import "navbar";
 @import "pagination";
+@import "post";
 
 body {
     background-color: black;
@@ -24,6 +25,10 @@ a {
     }
 }
 
+h1, h2, h3, h4, h5, h6 {
+    color: $heading-color;
+}
+
 h1 {
     font-size: 20pt;
 }
@@ -98,25 +103,6 @@ h1 {
         float: left;
         margin-right: 5mm;
 
-        header {
-            date {
-                font-size: 10pt;
-            }
-            h1 {
-                font: {
-                    size: 13pt;
-                    weight: bold;
-                }
-                margin: {
-                    bottom: 5mm;
-                    top: 0;
-                }
-                a {
-                    text-decoration: none;
-                }
-            }
-        }
-
         &.wide {
             width: 100%;
             float: none;