From 5ff9457ee3d2f1c636da8d13c47c608543d2e5f7 Mon Sep 17 00:00:00 2001 From: Kelly Rauchenberger Date: Thu, 29 Jun 2017 14:53:15 -0400 Subject: Worked on style of blog posts --- app/assets/stylesheets/entries.scss | 54 +++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) (limited to 'app/assets/stylesheets/entries.scss') 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