From 632a2a670a332ca01642dc215cdac0b6b72f1cb1 Mon Sep 17 00:00:00 2001 From: Dan Barber Date: Fri, 1 Jul 2016 14:33:28 -0400 Subject: [PATCH] Small CSS refactor --- _assets/stylesheets/includes/typography.css.scss | 5 ++--- _assets/stylesheets/parts/post.css.scss | 15 ++++----------- 2 files changed, 6 insertions(+), 14 deletions(-) diff --git a/_assets/stylesheets/includes/typography.css.scss b/_assets/stylesheets/includes/typography.css.scss index 31f9df2..cd4f1b7 100644 --- a/_assets/stylesheets/includes/typography.css.scss +++ b/_assets/stylesheets/includes/typography.css.scss @@ -44,7 +44,7 @@ body { h1 { font-size: 2.5em; line-height: 1.333em; - margin: 0.97em 0 0em; + margin: 5rem 0 2.5rem; } h2 { @@ -93,7 +93,7 @@ small { } p, ul, ol, form { - margin: 1.5em 0 1em; + margin: 1.5rem 0 1.5rem; } h3 { @@ -206,7 +206,6 @@ abbr { } p { - margin-bottom: 0; hyphenate: auto; hyphenate-before: 2; hyphenate-after: 3; diff --git a/_assets/stylesheets/parts/post.css.scss b/_assets/stylesheets/parts/post.css.scss index 945dbee..d0ac4e4 100644 --- a/_assets/stylesheets/parts/post.css.scss +++ b/_assets/stylesheets/parts/post.css.scss @@ -1,14 +1,7 @@ article { border-bottom: 1px dashed $border-color; - padding-bottom: 0; - margin-bottom: 1em; - .entry-content { - margin-bottom: 2em; - } + padding-bottom: 2.5rem; header { - position: relative; - margin-top: 2em; - padding-top: 0.6em; .meta { text-transform: uppercase; color: $meta-text-color; @@ -16,9 +9,9 @@ article { letter-spacing: 0.1em; width: 100%; text-rendering: optimizelegibility; - position: absolute; - top: 0; - margin-top: 0; + } + h1 + .meta { + margin-top: -2.5rem; } } header a {