Rendu des listes sous forme d'arbre ASCII.

assets/style/main.scss

@@ -289,6 +289,54 @@ ul.lsresult {
   }
 }
 
+// Arbres de type ANSI
+main, footer {
+  /* base */
+  ul {
+    list-style: none;
+    margin: 0;
+    padding-top: 0;
+    padding-bottom: 1em;
+    padding-left: 0ch;
+  }
+
+  /* branches ASCII */
+  ul li {
+    position: relative;
+    padding-left: 4ch;
+  }
+
+  /* branche intermédiaires*/
+  ul li::before {
+    content: "├──";
+    position: absolute;
+    left: 0;
+  }
+
+  /* dernière branche */
+  ul li:last-child::before {
+    content: "└──";
+    position: absolute;
+    left: 0;
+  }
+
+  /* ligne verticale devant les sous-arbres. */
+  ul li:not(:last-child):has(ul) {
+    background-image: linear-gradient($fg);
+    background-size: 0.25ch 100%;
+    background-repeat: no-repeat;
+    background-position: 0.375ch 1em;
+  }
+
+  /* sous-arbres */
+  ul ul {
+    list-style: none;
+    margin: 0;
+    padding-bottom: 0;
+    padding-left: 0;
+  }
+}
+
 // Menus.
 // ======
 .menu {