diff --git a/assets/sass/markdown.scss b/assets/sass/markdown.scss index a00e982..a2c10bc 100644 --- a/assets/sass/markdown.scss +++ b/assets/sass/markdown.scss @@ -16,13 +16,17 @@ } .md table thead { - background-color: var(--bd); + border-top: 2px solid var(--ft); + border-bottom: 1px solid var(--ft); +} + +.md table tbody { + border-bottom: 2px solid var(--ft); } .md table th, .md table td { padding: 10px 20px; - border-bottom: 1px solid var(--bd); } .md img { diff --git a/assets/sass/syntax.scss b/assets/sass/syntax.scss index 6ba5280..c080451 100644 --- a/assets/sass/syntax.scss +++ b/assets/sass/syntax.scss @@ -7,6 +7,10 @@ code[class*="language-"] { line-height: 1.5; } +pre { + line-height: 1.2; +} + .chroma { background-color: #292929; margin: .5em 0; diff --git a/exampleSite/content/markdown-syntax.md b/exampleSite/content/markdown-syntax.md index 01ac69c..54c55f4 100644 --- a/exampleSite/content/markdown-syntax.md +++ b/exampleSite/content/markdown-syntax.md @@ -54,16 +54,14 @@ The blockquote element represents content that is quoted from another source, op Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box. | Name | Age | -| ---- | --- | - - Bob | 27 - - Alice | 23 +|:----:|:---:| +| Bob | 27 | +| Alice | 23 | #### Inline Markdown within tables | Italics | Bold | Code | -| --------- | -------- | ------ | +|:---------:|:--------:|:------:| | *italics* | **bold** | `code` | ## Code Blocks