baseline & toc

css/modules/_layout.scss

@@ -1,7 +1,7 @@
 $width: 176mm;
 $height: 240mm;
 $top: 6mm;
-$bottom: 18mm;
+$bottom: 20mm;
 $inside: 12mm;
 $outside: 6mm;
 $content-h: calc($height - $top - $bottom - 1mm);

css/modules/_text.scss

@@ -32,6 +32,8 @@ p, li{
     hyphenate-limit-lines: 2;
     hyphenate-limit-zone: 8%;
     word-spacing: -0.004em;
+    widows: 2;
+    orphans: 2;
 }
 
             

css/modules/_toc.scss

@@ -0,0 +1,47 @@
+#toc_container{
+
+    break-before: page;
+    break-after: page;
+    // color: red;
+
+    ul{
+        list-style-type: none;
+        color: black;
+    }
+
+    .toc-element-level-1{
+           margin-top: calc(var(--baseline)*1);
+        margin-bottom: calc(var(--baseline)*0.5);
+        font-size: 1.2rem;
+        line-height: 1.2;
+    }
+
+    .toc-element-level-2{
+        font-weight: bold;
+                margin-top: calc(var(--baseline)*0.5);
+        margin-bottom: calc(var(--baseline)*0.5);
+    }
+
+    .toc-element-level-3{
+        text-indent: 5mm;
+
+    }
+
+     .toc-element-level-4{
+        text-indent: 10mm;
+
+    }
+
+      .toc-element-level-5{
+        text-indent: 15mm;
+
+    }
+
+      .toc-element-level-6{
+        text-indent: 20mm;
+
+    }
+
+
+
+}

css/modules/_var.scss

@@ -5,12 +5,8 @@
     --font-sans: 'Basis Grotesque Pro', sans-serif;
     --font-size: 12px;
     --fs-small: 9.8px;
-
     --baseline: 18px;
-
     --indent: 26px;
-
-
     --fs-num: 12px;
 }