From ff4faf94a56e7827484967845b881282cebc2dcc Mon Sep 17 00:00:00 2001
From: He4eT <He4eT@oddsquat.org>
Date: Fri, 28 Feb 2025 16:52:32 +0100
Subject: [PATCH] 11ty: wrapper for Markdown tables

---
 eleventy.config.mjs      | 6 ++++++
 src/_assets/css/base.css | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/eleventy.config.mjs b/eleventy.config.mjs
index a8d3526..7c20b8b 100644
--- a/eleventy.config.mjs
+++ b/eleventy.config.mjs
@@ -19,4 +19,10 @@ export default function(eleventyConfig) {
     defaultLanguage: 'en',
   })
   eleventyConfig.addPlugin(IdAttributePlugin)
+  /* Wrapper for Markdown Tables */
+  eleventyConfig.addTransform('markdownTableWrapper', (content) => {
+    return content.replace(/<table>.*?<\/table>/gs, (table) => {
+      return `<div class='table-wrapper'>${table}</div>`
+    })
+  })
 }
diff --git a/src/_assets/css/base.css b/src/_assets/css/base.css
index f0869b8..0114262 100644
--- a/src/_assets/css/base.css
+++ b/src/_assets/css/base.css
@@ -105,6 +105,10 @@ ul {
 
 /* Tables */
 
+.table-wrapper {
+  overflow-x: auto;
+}
+
 table {
   margin: 0;
   margin-block-end: calc(4 * var(--step));