From 28b525ab09ef895d0bb7418c93b32bf0497d6b59 Mon Sep 17 00:00:00 2001 From: Vivek R Date: Sun, 5 Jan 2020 11:55:42 +0530 Subject: feat: default style for table --- exampleSite/content/posts/post-5.md | 15 +++++++++++++++ static/css/dark.css | 9 +++++++++ static/css/main.css | 9 +++++++++ 3 files changed, 33 insertions(+) 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; -- cgit v1.2.3