From 8235ad4d945ebb9c0a6af39c07c78cb5848c6937 Mon Sep 17 00:00:00 2001 From: Ralf Jung Date: Thu, 8 Oct 2015 23:50:20 +0200 Subject: [PATCH 1/1] tuning, tuning, tuning the spaces... --- _layouts/page.html | 4 ++-- style.scss | 23 ++++++++++++----------- 2 files changed, 14 insertions(+), 13 deletions(-) diff --git a/_layouts/page.html b/_layouts/page.html index 6858d0a..99737e0 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -2,7 +2,7 @@ layout: default --- {% if page.pretitle %} -
+
{% if page.date %}
Permalink • {{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}
{% endif %} @@ -10,7 +10,7 @@ layout: default
{% endif %} -
+

{{ page.title }}

diff --git a/style.scss b/style.scss index 53116bd..25d8e52 100644 --- a/style.scss +++ b/style.scss @@ -44,7 +44,7 @@ h1, h2, h3, h4 { h1 { margin-top: 0.1em; font-size: 200%; - margin-bottom: 0.5em; + margin-bottom: 0.2em; } h2 { margin-top: 0.5em; @@ -108,8 +108,8 @@ body { /* This centers us in the page, and handles the "too wide" case */ } a { display: block; - width: calc(100% - 2*0.1em - 1px + #{$intrusion-width}); /* minus the padding, the border, and plus how much we want to overlap */ - padding: 0.08em 0.1em 0.02em; /* top left-right bottom */ + width: calc(100% - 2*0.25em - 1px + #{$intrusion-width}); /* minus the padding, the border, and plus how much we want to overlap */ + padding: 0.08em 0.25em 0.02em; /* top left-right bottom */ /* Always have *one* border, for the width to stay constant */ border-left: solid transparent 1px; @@ -142,7 +142,7 @@ body { /* This centers us in the page, and handles the "too wide" case */ /* Small screens */ @media screen and (max-width:#{ $small-width } ) { - body, #-frame, #-title, #-content, #-navi { + body, #-frame, #-content, #-navi { margin: 0; padding: 0; height: auto; @@ -195,7 +195,7 @@ body { /* This centers us in the page, and handles the "too wide" case */ /* Printing */ @media print { - body, #-frame, #-title, #-content { + body, #-frame, #-content { margin: 0; padding: 0; width: auto; @@ -217,24 +217,25 @@ body { /* This centers us in the page, and handles the "too wide" case */ color: $light-text-color; } - #-pretitle, .subtitle { - margin-bottom: 1em; - + .pretitle, .subtitle { h1 { display: inline-block; font-size: 165%; } .side { margin-left: 0.5em; - margin-top: 0.9em; + margin-top: 0.8em; } } + .pretitle { + margin-bottom: 1em; + } .subtitle { margin-top: 2em; } - - #-title { + .title { clear: both; + margin-bottom: 1em; } pre, code { -- 2.30.2