updated table of contents

_config.yml

@@ -68,8 +68,9 @@ sass:
   sass_dir: "./_scss"
   style: compressed
 
-kramdown:
-  toc_levels: '1'
+toc:
+  min_level: 1
+  max_level: 2
 
 mermaid: 'https://cdn.jsdelivr.net/npm/mermaid@10.5.0/dist/mermaid.min.js'
 

_config_production.yml

@@ -68,8 +68,9 @@ sass:
   sass_dir: "./_scss"
   style: compressed
 
-kramdown:
-  toc_levels: '1'
+toc:
+  min_level: 1
+  max_level: 2
 
 mermaid: 'https://cdn.jsdelivr.net/npm/mermaid@10.5.0/dist/mermaid.min.js'
 

assets/css/style.scss

@@ -110,15 +110,19 @@ a:hover, a:active, a:focus {
 
 ul#markdown-toc {
     min-width: 696px;
-    list-style: none;
-    padding-top: 20px;
+    font-size: .75em;
+    columns: 2;
+    -webkit-columns: 2;
+    -moz-columns: 2;
+    //list-style: none;
+    //padding-top: 20px;
 }
 
 ul#markdown-toc li{
-    display: inline;
+    //display: inline;
     padding: 5px;
     background-color: $background;
-    style: bold;
+    //style: bold;
 }
 
 ul li.tbd {