feat: default style for table

3 files changed, 33 insertions, 0 deletions

diff --git a/exampleSite/content/posts/post-5.md b/exampleSite/content/posts/post-5.md
index 8623c19..3ec5904 100644
--- a/exampleSite/content/posts/post-5.md
+++ b/exampleSite/content/posts/post-5.md
@@ -73,3 +73,18 @@ Ordered list
 1.	Red
 2.  Green
 3.  Blue
+
+## Tables
+
+Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
+
+   Name | Age
+--------|------
+    Bob | 27
+  Alice | 23
+
+#### Inline Markdown within tables
+
+| Inline        | Markdown     | In                   | Table      |
+| ---------- | --------- | ----------------- | ---------- |
+| *italics*  | **bold**  | ~~strikethrough~~    | `code`     |
\ No newline at end of file
diff --git a/static/css/dark.css b/static/css/dark.css
index 6841161..94b69e8 100644
--- a/static/css/dark.css
+++ b/static/css/dark.css
@@ -58,3 +58,12 @@ a:hover {
 .highlight {
 	background-color: #333;
 }
+
+table th {
+	background-color: #333;
+}
+
+table th, table td {
+    padding: 10px 20px;
+    border: 1px solid #666;
+}
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 4d3fe19..2e7cda5 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -375,6 +375,15 @@ ul {
     text-align: right;
 }
 
+table th {
+    background-color: #f4f4f4;
+}
+
+table th, table td {
+    padding: 10px 20px;
+    border: 1px solid #dddddd;
+}
+
 @media (max-width: 767px) {
     body {
         padding: 20px;