Small design adjustments, added support for code blocks marked as 'plain'

1 files changed, 16 insertions, 1 deletions

diff --git a/assets/css/components/_page.scss b/assets/css/components/_page.scss
index ce67f7e..87d5413 100644
--- a/assets/css/components/_page.scss
+++ b/assets/css/components/_page.scss
@@ -2,6 +2,14 @@
     &__header {
         margin-bottom: $line-height * 1em;
 
+        &::after {
+            content: '--';
+            display: block;
+            margin-bottom: $line-height * -1em;
+            color: var(--fg-hi);
+            line-height: 2 * $line-height;
+        }
+
         &__title {
             margin-top: 0;
         }
@@ -44,14 +52,21 @@
             text-align: right;
         }
 
+        $h1-unscale-factor: px-to-em($font-size, $content--h1--font-size);
+
         &--h1 {
+            margin-top: $line-height * $h1-unscale-factor;
             font-size: px-to-em($content--h1--font-size);
 
             &::before {
                 content: '#';
-                font-size: px-to-em($font-size, $content--h1--font-size);
+                font-size: $h1-unscale-factor;
             }
         }
+        
+        &--h1 + &--h1 {
+            margin-top: $line-height * $h1-unscale-factor;
+        }
 
         &--h2::before {
             content: '##';