Implemented accordion opening on *print* and *single* (#193), fix #182

Altered the renderer to add a special css page on print, and use the @print media on print.

Co-authored-by: starprograms <thomas@starprograms.dev>

Author: OnStarPrograms

book.toml

@@ -27,11 +27,14 @@ command = "cargo run -p renderer --locked -rq --"
 additional-css = ["css/custom.css"]
 additional-js = ["js/linenos.js"]
 smart-punctuation = true
-print = { enable = true }
 fold = { enable = true, level = 0 }
 git-repository-url = "https://github.com/gbdev/gb-asm-tutorial"
 edit-url-template = "https://github.com/gbdev/gb-asm-tutorial/edit/master/{path}"
 site-url = "/gb-asm-tutorial/"
 
+[output.html.print]
+enable = true    # include support for printable output
+additional-css = ["css/print.css"]
+
 [output.linkcheck]
 optional = true

css/custom.css

@@ -80,3 +80,8 @@ pre > code.linenos > .line::before {
 .sprites {
 	margin: 10px;
 }
+
+@media print {
+  details { display: block; }
+  details summary { display: none; }
+}

css/print.css

@@ -0,0 +1,7 @@
+
+details { 
+    display: block !important; 
+}
+details summary { 
+    display: none !important; 
+}