Merge pull request #173 from CodexRaunak/code-blocks

Highlight filename in code blocks

Author: CodexRaunak

assets/scss/_styles_project.scss

@@ -73,6 +73,30 @@ body {
     }
   }
 
+  .highlight[filename] {
+    margin-top: 2rem;
+  }
+
+  .highlight[filename]::before {
+    content: attr(filename);
+    display: block;
+    padding: 0.5rem 0.75rem;
+    font-size: 0.85rem;
+    font-weight: 600;
+    line-height: 1.2;
+    color: #5f6b7a;
+    background: #eef3fb;
+    border: 1px solid var(--bs-border-color);
+    border-bottom: 0;
+    border-top-left-radius: 0.5rem;
+    border-top-right-radius: 0.5rem;
+  }
+
+  .highlight[filename] pre {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+
   img,
   .md__image img,
   img.md-image-responsive {