improve: Code block lines, make file name optional

Author: manid2

assets/styles/_gen_syntax.scss

@@ -2,11 +2,14 @@
 .chroma .ln {
   white-space: pre;
   user-select: none;
-  margin-right: 0.4em;
   padding: 0 0.4em;
   color: #7f7f7f;
 }
 
+.chroma .cl {
+  padding: 0 0.4em;
+}
+
 .chroma .line {
   display: flex;
 }
@@ -119,7 +122,6 @@
 
 /* Commented to fix linter errors, uncomment when needed.
 .chroma .x,
-.chroma .cl,
 .chroma .nb,
 .chroma .bp,
 .chroma .ni,

layouts/_default/_markup/render-codeblock.html

@@ -1,5 +1,5 @@
 {{- $lang  := .Attributes.lang | default .Type -}}
-{{- $file  := .Attributes.file | default (printf "code-%d.%s" .Ordinal $lang) -}}
+{{- $file  := .Attributes.file -}}
 
 {{- /* TODO: Add div toolbar */}}
 <div class="highlight-wrapper">
@@ -9,10 +9,13 @@
       <span class="name">{{ $lang }}</span>
     </span>
 
-    <span class="item">
-      <span class="label">File:</span>
-      <span class="name">{{ $file }}</span>
-    </span>
+    {{- with $file }}
+      <span class="item">
+        <span class="label">File:</span>
+        <span class="name">{{ . }}</span>
+      </span>
+    {{- end }}
+
 
     <button class="item right outline brighter hide js-btn-copy-code">Copy</button>
   </div>