tune spacing
authorRalf Jung <post@ralfj.de>
Sat, 2 Jan 2016 19:46:42 +0000 (20:46 +0100)
committerRalf Jung <post@ralfj.de>
Sat, 2 Jan 2016 20:15:01 +0000 (21:15 +0100)
personal/_includes/post-list.html
personal/_sass/_base.scss
personal/_sass/_layout.scss
personal/style.scss

index 7b14efc674790fd3d8b18ad80c1781df70d82a56..0db845a190db04048b112dada39645cf30a7bfcb 100644 (file)
@@ -1,7 +1,7 @@
 {% for post in include.posts %}
     <header class="subtitle">
       {% include post-header.html item=post %}
 {% for post in include.posts %}
     <header class="subtitle">
       {% include post-header.html item=post %}
-      <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
+      <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
     </header>
     {{ post.excerpt }}
     <p><a href="{{ post.url }}">Read more...</a></p>
     </header>
     {{ post.excerpt }}
     <p><a href="{{ post.url }}">Read more...</a></p>
index 74f495a03ec236f60133818d8cce51b56452f7ad..af78fcd2a7b9dad5d9a6623228e35097ce99c025 100644 (file)
@@ -43,10 +43,6 @@ h4 {
 }
 
 /* Content styling */
 }
 
 /* Content styling */
-.side {
-    float: right;
-}
-
 .side, .comment {
     color: $light-text-color;
 
 .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;
 }
 figure {
     margin: 0;
 }
index 4ac6bb219cb21624cf8fe802ddefcccf3e9fa642..cde604e034ed50209c74e7bdd5672481a06e9925 100644 (file)
@@ -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;
 }
 #-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});
 }
     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;
 /* 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?!? */
 }
 
     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 {
         position: static;
     }
     #-content {
-        padding: $outer-margin;
+        padding: #{ $outer-margin * 0.75 };
     }
     #-navi {
     }
     #-navi {
-        padding: $outer-margin;
+        padding: #{ $outer-margin * 0.75 };
         border-bottom: solid $text-color 1px;
 
         ul {
         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;
     }
 }
         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;
+    }
+}
index ff9ad1b9d2dafa91c69461e4c175d9d852662966..0b350e870fc916c893262c6c6345ed4d09fd04f2 100644 (file)
@@ -8,7 +8,7 @@ $navi-width:      11em;
 $navi-indent:     1.2em;
 $frame-max-width: 50em;
 $intrusion-width: 1.0em;
 $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;
 
 $small-width:      $frame-max-width + 2*$outer-margin;
 $medium-width:     $small-width + $intrusion-width + $navi-width;