workflowpoasting II

sass/main.scss

@@ -2,6 +2,7 @@ $text: #ddd;
 $bg: #540362;
 $link: #f778e3;
 $lowerbg1: darken($bg, 5);
+$lowerbg2: darken($bg, 10);
 $higherbg1: lighten($bg, 10);
 $lower1: darken($text, 18);
 $lower2: darken($text, 30);
@@ -147,10 +148,14 @@ main {
         color: $lower1;
     }
 
+    .detail {
+        margin-top: 0.3rem;
+    }
+
     display: block;
     margin: 0 auto;
     max-width: 860px;
-    
+
     .detail.page-detail span {
         font-size: 1rem;
     }
@@ -229,24 +234,51 @@ hr {
     }
 }
 
-.homepage-article h2 {
+// h1 at the top of blog post pages
+:not(header) > h1 {
     margin: {
-        top: 2rem;
+        top: 2.5rem;
     }
 }
 
-h2, :not(header) > h1 {
+h1 {
     margin: {
-        top: 3rem;
+        bottom: -0.3rem;
     }
 }
 
+h2 {
+    margin: {
+        top: 1.5rem;
+        bottom: -0.5rem;
+    }
+}
+
+
+h3 {
+    margin: {
+        top: 1.5rem;
+        bottom: -0.5rem;
+    }
+}
+
+:not(nav) > ul > li {
+    margin-bottom: 0.5rem;
+}
+
+kbd {
+    display:inline-block;
+    border: 1px solid $lowerbg2;
+    background-color: $lowerbg1;
+    border-radius: 5px;
+    margin-right: 0.2rem;
+    padding: 2px;
+    box-shadow: 0px 2px 3px $lowerbg2;
+}
+
 /* headings */
 
 h1 {
     line-height: 1.10;
 }
 
-h1, h2 {
-    margin-block-end: 0.1rem;
-}