From f066e4badcb7b9a505940a828e8f0dbfff9118a1 Mon Sep 17 00:00:00 2001
From: Alex Day <alexday135@gmail.com>
Date: Wed, 11 Nov 2020 17:20:27 -0500
Subject: [PATCH] Add css for tables to make them match the theme

---
 assets/scss/_tables.scss | 46 ++++++++++++++++++++++++++++++++++++++++
 assets/scss/main.scss    |  3 ++-
 2 files changed, 48 insertions(+), 1 deletion(-)
 create mode 100644 assets/scss/_tables.scss

diff --git a/assets/scss/_tables.scss b/assets/scss/_tables.scss
new file mode 100644
index 0000000..fc69bef
--- /dev/null
+++ b/assets/scss/_tables.scss
@@ -0,0 +1,46 @@
+.post-content {
+    table {
+        border-collapse: collapse;
+        margin: 25px 0;
+        margin-left: auto;
+        margin-right: auto;
+        font-size: 0.9em;
+        font-family: sans-serif;
+        min-width: 400px;
+        box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+    }
+    table thead tr {
+        background-color: $light-border-color;
+        color: $light-color;
+        text-align: left;
+        .dark-theme & {
+            background-color: $dark-border-color;
+            color: $dark-color
+        }
+    }
+
+    th, td {
+        padding: 12px 15px;
+    }
+
+    tbody tr {
+        border-bottom: 1px solid $light-border-color;
+        .dark-theme & {
+            border-bottom: 1px solid $dark-border-color;
+        }
+    }
+
+    // tbody tr:nth-of-type(even) {
+    //     background-color: $light-background-secondary;
+    //     .dark-theme & {
+    //         background-color: $dark-background-secondary;
+    //     }
+    // }
+
+    tbody tr:last-of-type {
+        border-bottom: 2px solid $light-border-color;
+        .dark-theme & {
+            border-bottom: 2px solid $dark-border-color;
+        }
+    }
+}
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index dc90f24..199d3d9 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -14,4 +14,5 @@
 @import "list";
 @import "single";
 @import "footer";
-@import "sharing-buttons";
\ No newline at end of file
+@import "sharing-buttons";
+@import "tables";