From 5ff9457ee3d2f1c636da8d13c47c608543d2e5f7 Mon Sep 17 00:00:00 2001
From: Kelly Rauchenberger <fefferburbia@gmail.com>
Date: Thu, 29 Jun 2017 14:53:15 -0400
Subject: Worked on style of blog posts

---
 app/assets/stylesheets/application.css.scss | 16 +++++++++
 app/assets/stylesheets/entries.scss         | 54 +++++++++++++++++++++++++++++
 2 files changed, 70 insertions(+)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
index 6ec040a..0fa0535 100644
--- a/app/assets/stylesheets/application.css.scss
+++ b/app/assets/stylesheets/application.css.scss
@@ -16,6 +16,8 @@
  */
 
 @import url('https://fonts.googleapis.com/css?family=Inconsolata');
+@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
+@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
 
 body#main-body {
   background-color: #bfefff;
@@ -207,3 +209,17 @@ body#userdata-body {
 .sidebar-module a:visited {
   color: #352712;
 }
+
+.breadcrumb {
+  margin-left: 1em;
+
+  a, a:visited {
+    color: #555d66;
+    text-decoration: none;
+    font-size: .75em;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+}
diff --git a/app/assets/stylesheets/entries.scss b/app/assets/stylesheets/entries.scss
index f779b1b..6833141 100644
--- a/app/assets/stylesheets/entries.scss
+++ b/app/assets/stylesheets/entries.scss
@@ -1,3 +1,57 @@
 // Place all the styles related to the Entries controller here.
 // They will automatically be included in application.css.
 // You can use Sass (SCSS) here: http://sass-lang.com/
+
+#blog-post {
+  font-size: 16px;
+  line-height: 24px;
+  margin: 0 3em;
+
+  h2 {
+    font-size: 45px;
+    line-height: 48px;
+    margin-top: .5em;
+  }
+
+  h3 {
+    font-size: 37px;
+    line-height: 42px;
+  }
+
+  h2, h3 {
+    font-family: 'Slabo 27px', serif;
+    margin-bottom: 0;
+    font-weight: normal;
+  }
+
+  #blog-content {
+    hyphens: auto;
+    word-wrap: break-word;
+    font-family: 'Roboto', sans-serif;
+    text-align: justify;
+
+    a {
+      text-decoration: none;
+      font-weight: bold;
+
+      &, &:visited {
+        color: #ee2c2c;
+      }
+
+      &:hover {
+        text-decoration: underline;
+        color: #9ea1ad;
+      }
+    }
+
+    li {
+      & + li {
+        margin-top: 1em;
+      }
+    }
+
+    img {
+      max-width: 100%;
+    }
+  }
+}
-- 
cgit 1.4.1