From eb281d6a59ec30eaffa8b3e9820b5ebe78f37717 Mon Sep 17 00:00:00 2001
From: Oscar Cortez <om.cortez.2010@gmail.com>
Date: Fri, 17 Jul 2015 22:38:50 -0600
Subject: [PATCH] some styles for the post layout

---
 _sass/_post.scss | 29 +++++++++++++++++++++++++++++
 css/main.scss    |  3 ++-
 2 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 _sass/_post.scss

diff --git a/_sass/_post.scss b/_sass/_post.scss
new file mode 100644
index 0000000..b4ff31f
--- /dev/null
+++ b/_sass/_post.scss
@@ -0,0 +1,29 @@
+.post-ribbon {
+  width: 100%;
+  height: 40vh;
+  background-color: #3F51B5;
+  flex-shrink: 0;
+}
+
+.post-main {
+  margin-top: -35vh;
+  flex-shrink: 0;
+
+  .post-container {
+    max-width: 1600px;
+    width: calc(100% - 16px);
+    margin: 0 auto;
+  }
+
+  .post-section {
+    border-radius: 2px;
+    padding: 80px 56px;
+    margin-bottom: 80px;
+
+    h3 {
+      margin-top: 48px;
+    }
+  }
+
+
+}
diff --git a/css/main.scss b/css/main.scss
index beee4e3..f576892 100755
--- a/css/main.scss
+++ b/css/main.scss
@@ -48,5 +48,6 @@ $on-laptop:        800px;
 @import
         "base",
         "layout",
-        "syntax-highlighting"
+        "syntax-highlighting",
+        "post"
 ;