From: Ralf Jung Date: Sat, 2 Jan 2016 19:46:42 +0000 (+0100) Subject: tune spacing X-Git-Url: https://git.ralfj.de/web.git/commitdiff_plain/fc2fa167c9859f6a455ac8e21fbec3a8c14286ad?ds=inline tune spacing --- diff --git a/personal/_includes/post-list.html b/personal/_includes/post-list.html index 7b14efc..0db845a 100644 --- a/personal/_includes/post-list.html +++ b/personal/_includes/post-list.html @@ -1,7 +1,7 @@ {% for post in include.posts %}
{% include post-header.html item=post %} -

{{ post.title }}

+

{{ post.title }}

{{ post.excerpt }}

Read more...

diff --git a/personal/_sass/_base.scss b/personal/_sass/_base.scss index 74f495a..af78fcd 100644 --- a/personal/_sass/_base.scss +++ b/personal/_sass/_base.scss @@ -43,10 +43,6 @@ h4 { } /* Content styling */ -.side { - float: right; -} - .side, .comment { color: $light-text-color; @@ -55,28 +51,6 @@ h4 { } } - -.pretitle, .subtitle { - h1 { - display: inline-block; - font-size: 165%; - } - .side { - margin-left: 0.5em; - margin-top: 0.8em; - } -} -.pretitle { - margin-bottom: 1em; -} -.subtitle { - margin-top: 2em; -} -.title { - clear: both; - margin-bottom: 1em; -} - figure { margin: 0; } diff --git a/personal/_sass/_layout.scss b/personal/_sass/_layout.scss index 4ac6bb2..cde604e 100644 --- a/personal/_sass/_layout.scss +++ b/personal/_sass/_layout.scss @@ -11,7 +11,8 @@ body { /* This centers us in the page, and handles the "too wide" case */ } #-frame { /* Add a frame, full height */ margin: 0 $navi-width; - padding-top: $outer-margin; + padding-top: $outer-margin; /* distance of top to window border */ + padding-bottom: $outer-margin; /* distance of page-bottom to window border */ border-left: solid $text-color 1px; min-height: calc(100vh - #{$outer-margin}); } @@ -19,7 +20,8 @@ body { /* This centers us in the page, and handles the "too wide" case */ /* The content of the frame */ #-content { margin-left: $intrusion-width; - padding: $outer-margin; + padding-left: $outer-margin; /* Distance to the end of the intrusion */ + padding-right: $outer-margin; /* Distance to the end of the window */ padding-top: 1px; /* If we use 0 here, some paddings add up things get ugly. What?!? */ } @@ -94,10 +96,10 @@ body { /* This centers us in the page, and handles the "too wide" case */ position: static; } #-content { - padding: $outer-margin; + padding: #{ $outer-margin * 0.75 }; } #-navi { - padding: $outer-margin; + padding: #{ $outer-margin * 0.75 }; border-bottom: solid $text-color 1px; ul { @@ -150,3 +152,33 @@ body { /* This centers us in the page, and handles the "too wide" case */ display: none; } } + +/* Title and Title-asides spacing */ +.side { + float: right; +} +.subtitle { + margin-top: 2em; + + h1, h2 { + display: inline-block; + margin: 0; + } + .side { + margin-left: 0.5em; + margin-top: 0.45em; + } +} +.title { + margin-top: 0.2em; + margin-bottom: 1.2em; + + h1, h2 { + display: inline-block; + margin: 0; + } + .side { + margin-left: 0.5em; + margin-top: 0.8em; + } +} diff --git a/personal/style.scss b/personal/style.scss index ff9ad1b..0b350e8 100644 --- a/personal/style.scss +++ b/personal/style.scss @@ -8,7 +8,7 @@ $navi-width: 11em; $navi-indent: 1.2em; $frame-max-width: 50em; $intrusion-width: 1.0em; -$outer-margin: 0.8em; +$outer-margin: 1.1em; $small-width: $frame-max-width + 2*$outer-margin; $medium-width: $small-width + $intrusion-width + $navi-width;