Improved CSS classes for page content, added proper ref list macro, build scripts load and watch Pandoc filters automatically

1 files changed, 10 insertions, 2 deletions

diff --git a/assets/css/components/_page-header.scss b/assets/css/components/_page-header.scss
index ee86daf..7cf2aa1 100644
--- a/assets/css/components/_page-header.scss
+++ b/assets/css/components/_page-header.scss
@@ -1,5 +1,7 @@
 .c-page-header {
     margin-bottom: $line-height * 2em;
+    margin-left: -1 * $page--item-prefix--width;
+    padding-left: $page--item-prefix--width;
     overflow: hidden;
 
     &::after {
@@ -9,13 +11,19 @@
         z-index: -10;
         height: $line-height;
         margin-top: px-to-em(2px);
+        margin-left: -1 * $page--item-prefix--width;
         padding-top: px-to-em(2px);
         border-top: 1px solid var(--fg-hi);
         color: var(--fg-hi);
         line-height: $code-block--line-height;
     }
 
-    > :first-child {
-        margin-top: 0;
+    @media (max-width: map-get($breakpoints, 'sm')) {
+        margin-left: 0;
+        padding-left: 0;
+
+        &::after {
+            margin-left: 0;
+        }
     }
 }