Add support for inline code highlighting

.gitignore

@@ -8,6 +8,11 @@ node_modules
 yarn.lock
 extra/
 
+# play stuff
+quick*
+test*
+extra*
+
 # editors
 .idea/
 .vscode/

src/styles/default.css

@@ -8,15 +8,28 @@
   Touched: 2021
 */
 
-.hljs {
+/*
+This is left on purpose making default.css the single file that can be lifted
+as-is from the repository directly without the need for a build step
+
+Typically this "required" baseline CSS is added by `makestuff.js` during build.
+*/
+pre code.hljs {
   display: block;
   overflow-x: auto;
   padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+/* end baseline CSS */
+
+.hljs {
   background: #F0F0F0;
   color: #444;
 }
 
-
 /* Base color: saturation 0; */
 
 .hljs-subst {

tools/lib/makestuff.js

@@ -15,10 +15,14 @@ function install(file, dest = file) {
 }
 
 const DEFAULT_CSS = `
-.hljs {
+pre code.hljs {
   display: block;
   overflow-x: auto;
-  padding: 0.5em;
+  padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
 }
 `.trim();