Add styling for blog posts on blog summary page.

1 files changed, 33 insertions, 0 deletions

diff --git a/app/assets/stylesheets/hmno_blogg.scss b/app/assets/stylesheets/hmno_blogg.scss
new file mode 100644
index 0000000..2bf0301
--- /dev/null
+++ b/app/assets/stylesheets/hmno_blogg.scss
@@ -0,0 +1,33 @@
+#blog_posts {
+  article {
+    background-color: #010101;
+    border: 1px solid darkslategray;
+    padding: 3px;
+    margin-bottom: 1em;
+
+    header {
+      h1 {
+        font-size: 115%;
+        margin: 0;
+        a {
+          text-decoration: none;
+          color: inherit;
+        }
+      }
+
+      .details {
+        font-size: 75%;
+      }
+    }
+
+    footer {
+      position: relative;
+
+      .comment_count {
+        position: absolute;
+        top: 0;
+        right: 0;
+      }
+    }
+  }
+}