support markdown table

#16

assets/sass/pages/_single.scss

@@ -291,12 +291,14 @@
     }
 
     .table-wrapper {
-      overflow-x: auto;      
+      overflow-x: auto;    
+      margin: 1rem;  
 
       > table {
         max-width: 100%;
         margin: 10px 0;
         border-spacing: 0;
+        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.125);
         
         @include themify($codeblock) {
           thead {
@@ -308,8 +310,7 @@
           }
 
           th, td {
-            padding: 5px 15px;
-            font-size: 13.8px;
+            padding: 0.25rem 0.5rem;
             border: 1px double themed('content-pre-border-background-color');
           }
         }
@@ -522,8 +523,14 @@ li .highlight > .chroma {
   }
 }
 
+td:not(.lntd) {
+  code {
+    padding: 2px 7px !important;
+  }
+}
+
 table:not(.lntable) {
-  margin: 0 1rem;
+  // margin: 0 1rem;
   td {
     code {
       padding: 2px 7px !important;

assets/sass/themes/_lightcode.scss

@@ -3,7 +3,7 @@ $lightcode: (
   content-pre-color: #344952,
   content-pre-number-color: #aaa,
   content-pre-background-color: #f7f8f9,
-  content-pre-border-background-color: #eaeaea,
-  content-pre-header-background-color: #eaeaea,
+  content-pre-border-background-color: darken(#eceff1, 7%),
+  content-pre-header-background-color: darken(#eceff1, 3.5%),
   content-pre-header-color: #344952,
 );

layouts/partials/script/single-script.html

@@ -71,6 +71,18 @@
   document.addEventListener('DOMContentLoaded', function () {
     'use strict';
     
+    // ======================== markdown table =========================
+    var tables = document.querySelectorAll('.single__contents > table');
+    for (let i = 0; i < tables.length; i++) {
+      var table = tables[i];
+      var wrapper = document.createElement('div');
+      wrapper.className = 'table-wrapper';
+      table.parentElement.replaceChild(wrapper, table);
+      wrapper.appendChild(table);
+    }
+    // =================================================================
+
+    
     // ============================ mermaid ============================
     {{ $lib := .Params.libraries }}
     var lib = JSON.parse({{ $lib | jsonify }});