From 5ee11a80e274d5e71ff7a4809516101e7e7ea214 Mon Sep 17 00:00:00 2001
From: Henk Verlinde <henk@ventizo.com>
Date: Fri, 5 Mar 2021 14:27:36 +0100
Subject: [PATCH] feat: add table support in markdown

---
 assets/scss/app.scss                | 1 +
 assets/scss/common/_dark.scss       | 4 ++++
 assets/scss/components/_tables.scss | 5 +++++
 config/_default/config.toml         | 6 ++++++
 config/postcss.config.js            | 8 +++++++-
 5 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 assets/scss/components/_tables.scss

diff --git a/assets/scss/app.scss b/assets/scss/app.scss
index 91b9db8..2d74faf 100644
--- a/assets/scss/app.scss
+++ b/assets/scss/app.scss
@@ -19,6 +19,7 @@
 @import "components/forms";
 @import "components/images";
 @import "components/search";
+@import "components/tables";
 @import "layouts/footer";
 @import "layouts/header";
 @import "layouts/pages";
diff --git a/assets/scss/common/_dark.scss b/assets/scss/common/_dark.scss
index 4c54fff..d6a2092 100644
--- a/assets/scss/common/_dark.scss
+++ b/assets/scss/common/_dark.scss
@@ -291,3 +291,7 @@ body.dark .alert-primary {
 body.dark .figure-caption {
   color: $body-color-dark;
 }
+
+body.dark table {
+  @extend .table-dark;
+}
diff --git a/assets/scss/components/_tables.scss b/assets/scss/components/_tables.scss
new file mode 100644
index 0000000..b1f8c2e
--- /dev/null
+++ b/assets/scss/components/_tables.scss
@@ -0,0 +1,5 @@
+table {
+  @extend .table;
+
+  margin: 3rem 0;
+}
diff --git a/config/_default/config.toml b/config/_default/config.toml
index 2c5f94a..dbdd83b 100644
--- a/config/_default/config.toml
+++ b/config/_default/config.toml
@@ -45,6 +45,12 @@ rel  = "sitemap"
   [markup.goldmark]
     [markup.goldmark.extensions]
       linkify = false
+    [markup.goldmark.parser]
+      autoHeadingID = true
+      autoHeadingIDType = "github"
+      [markup.goldmark.parser.attribute]
+        block = true
+        title = true
     [markup.goldmark.renderer]
       unsafe = true
   [markup.highlight]
diff --git a/config/postcss.config.js b/config/postcss.config.js
index c875eca..fae0993 100644
--- a/config/postcss.config.js
+++ b/config/postcss.config.js
@@ -8,10 +8,16 @@ module.exports = {
     purgecss({
       content: [
         './layouts/**/*.html',
-        './content/**/*.md',      
+        './content/**/*.md',
       ],
       safelist: [
         'lazyloaded',
+        'table',
+        'thead',
+        'tbody',
+        'tr',
+        'th',
+        'td',
         ...whitelister([
           './assets/scss/components/_code.scss',
           './assets/scss/components/_search.scss',