From 6b0dfc58b048f6c1fb012b76c892e71d73d18a49 Mon Sep 17 00:00:00 2001 From: James Walker Date: Wed, 11 Feb 2015 23:35:29 -0500 Subject: [PATCH] layout / style tweaks --- _includes/post.html | 2 +- _layouts/default.html | 1 + _layouts/tag_index.html | 2 +- _sass/_base.scss | 5 +++++ _sass/_style.scss | 48 ++++++++++++++++++++++++++++------------- 5 files changed, 41 insertions(+), 17 deletions(-) diff --git a/_includes/post.html b/_includes/post.html index 3ae8dd2..d83d84e 100644 --- a/_includes/post.html +++ b/_includes/post.html @@ -1,12 +1,12 @@

{{ post.title }}

+
{{ content }}
diff --git a/_layouts/default.html b/_layouts/default.html index 2c7b490..8269178 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -22,6 +22,7 @@
  • About
  • Blog
  • Contact
  • +
  • Feed
  • diff --git a/_layouts/tag_index.html b/_layouts/tag_index.html index 2a36852..9ec1947 100644 --- a/_layouts/tag_index.html +++ b/_layouts/tag_index.html @@ -10,4 +10,4 @@ title: Posts tagged "{{ page.tag }}" {% endunless %} {% include article_list.html %} {% endfor %} -

    subscribe

    +

    Subscribe

    diff --git a/_sass/_base.scss b/_sass/_base.scss index 1f143b2..0e82f7f 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -8,6 +8,11 @@ $serif: 'PT Serif', 'Georgia', serif; $typewriter: Typewriter,"Georgia","Times",serif; +$base-font-color: #343434; + +$base-border-radius: 3px; + + // Layout $max-width: em(624) !default; $grid-columns: 8; diff --git a/_sass/_style.scss b/_sass/_style.scss index 79dd918..4c57687 100644 --- a/_sass/_style.scss +++ b/_sass/_style.scss @@ -1,5 +1,5 @@ body { - color: #343434; + color: $base-font-color; background: #ffffff; font-family: $serif; @@ -68,26 +68,44 @@ body { article.hentry { border-bottom: 1px #dedede solid; + + header time { + color: transparentize($base-font-color, .6); + font-size: 0.9em; + font-style: italic; + margin-bottom: 0.3em; + } + + h1 { + font-size: 1.6em; + margin-bottom: 0.5em; + } + + pre { + padding: 0.5em; + overflow: auto; + } + + code { + background: #F7F7F7; + border-radius: $base-border-radius * 1.5; + border: 1px solid #E0E0E0; + font-family: monaco; + font-size: 0.75em; + font-style: normal; + padding: 0.1em 0.4em; + white-space: nowrap; + } + + footer { + font-size: 0.8em; + } } article { - pre { - background: #000; - color: #fff; - padding: 0.5em; - overflow: auto; - } - .gist-file pre { color: #000; } - - footer time { - margin-bottom: 1em; - display: block; - text-align: right; - } - } article.list {