Improved CSS variable names, improved script variable names, added initial support for finding child pages

1 files changed, 14 insertions, 15 deletions

diff --git a/assets/css/scopes/_page.scss b/assets/css/scopes/_page.scss
index cdbdeb4..7c9e2d4 100644
--- a/assets/css/scopes/_page.scss
+++ b/assets/css/scopes/_page.scss
@@ -1,6 +1,6 @@
 .s-page {
   &__content {
-    padding-left: $page-item-prefix-width;
+    padding-left: $page--item-prefix--width;
 
     > :first-child {
       margin-top: 0;
@@ -13,28 +13,28 @@
   .c-refs__item,
   pre {
     position: relative;
-    margin-left: -1 * $page-item-prefix-width;
-    padding-left: $page-item-prefix-width;
+    margin-left: -1 * $page--item-prefix--width;
+    padding-left: $page--item-prefix--width;
 
     &::before {
       position: absolute;
       box-sizing: border-box;
       display: inline-block;
-      margin-left: -1 * $page-item-prefix-width;
-      padding-right: $page-item-prefix-pad;
-      width: $page-item-prefix-width;
-      color: var(--page-item-prefix-fg);
+      margin-left: -1 * $page--item-prefix--width;
+      padding-right: $page--item-prefix--pad;
+      width: $page--item-prefix--width;
+      color: var(--page--item-prefix--fg);
       font-weight: normal;
       text-align: right;
     }
   }
 
   h1 {
-    font-size: px-to-em($content-h1-font-size);
+    font-size: px-to-em($content--h1--font-size);
 
     &::before {
       content: "#";
-      font-size: px-to-em($font-size, $content-h1-font-size);
+      font-size: px-to-em($font-size, $content--h1--font-size);
     }
   }
 
@@ -54,22 +54,21 @@
     &::before {
       content: str-repeat("``\A", 40);
       height: 100%;
-      color: var(--page-item-prefix-fg);
+      color: var(--page--item-prefix--fg);
       overflow: hidden;
-      line-height: $code-block-line-height;
     }
   }
 
   hr {
-    margin-left: -1 * $page-item-prefix-width;
+    margin-left: -1 * $page--item-prefix--width;
   }
 
   .c-page-header {
-    margin-left: -1 * $page-item-prefix-width;
-    padding-left: $page-item-prefix-width;
+    margin-left: -1 * $page--item-prefix--width;
+    padding-left: $page--item-prefix--width;
 
     &::after {
-      margin-left: -1 * $page-item-prefix-width;
+      margin-left: -1 * $page--item-prefix--width;
     }
   }