-
-
Notifications
You must be signed in to change notification settings - Fork 546
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(gatsby-theme-minimal-blog): Styling fixes
Styles inside lists, code inside lists, labels for highlighting
- Loading branch information
Showing
3 changed files
with
399 additions
and
364 deletions.
There are no files selected for viewing
392 changes: 204 additions & 188 deletions
392
...les/minimal-blog/content/posts/harry-potter-and-the-half-blood-prince/index.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,188 +1,204 @@ | ||
| --- | ||
| title: Harry Potter and the Half-Blood Prince | ||
| date: 2019-09-01 | ||
| tags: | ||
| - Novel | ||
| - Highlight | ||
| --- | ||
|
|
||
| [View raw (TEST.md)](https://raw.github.com/adamschwartz/github-markdown-kitchen-sink/master/README.md) | ||
|
|
||
| This is a paragraph. | ||
|
|
||
| This is a paragraph. | ||
|
|
||
| # Header 1 | ||
|
|
||
| ## Header 2 | ||
|
|
||
| Header 1 | ||
| ======== | ||
|
|
||
| Header 2 | ||
| -------- | ||
|
|
||
| # Header 1 | ||
|
|
||
| ## Header 2 | ||
|
|
||
| ### Header 3 | ||
|
|
||
| #### Header 4 | ||
|
|
||
| ##### Header 5 | ||
|
|
||
| ###### Header 6 | ||
|
|
||
| # Header 1 | ||
| ## Header 2 | ||
| ### Header 3 | ||
| #### Header 4 | ||
| ##### Header 5 | ||
| ###### Header 6 | ||
|
|
||
| # Header 1 | ||
|
|
||
| ## Header 2 | ||
|
|
||
| ### Header 3 | ||
|
|
||
| #### Header 4 | ||
|
|
||
| ##### Header 5 | ||
|
|
||
| ###### Header 6 | ||
|
|
||
| # Header 1 # | ||
| ## Header 2 ## | ||
| ### Header 3 ### | ||
| #### Header 4 #### | ||
| ##### Header 5 ##### | ||
| ###### Header 6 ###### | ||
|
|
||
| > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. | ||
| > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. | ||
| > ## This is a header. | ||
| > | ||
| > 1. This is the first list item. | ||
| > 2. This is the second list item. | ||
| > | ||
| > Here's some example code: | ||
| > | ||
| > Markdown.generate(); | ||
| > ## This is a header. | ||
| > 1. This is the first list item. | ||
| > 2. This is the second list item. | ||
| > | ||
| > Here's some example code: | ||
| > | ||
| > Markdown.generate(); | ||
| - Red | ||
| - Green | ||
| - Blue | ||
|
|
||
| * Red | ||
| * Green | ||
| * Blue | ||
|
|
||
| - Red | ||
| - Green | ||
| - Blue | ||
|
|
||
| ```markdown | ||
| - Red | ||
| - Green | ||
| - Blue | ||
|
|
||
| * Red | ||
| * Green | ||
| * Blue | ||
|
|
||
| - Red | ||
| - Green | ||
| - Blue | ||
| ``` | ||
|
|
||
| 1. Buy flour and salt | ||
| 1. Mix together with water | ||
| 1. Bake | ||
|
|
||
| ```markdown | ||
| 1. Buy flour and salt | ||
| 1. Mix together with water | ||
| 1. Bake | ||
| ``` | ||
|
|
||
| Paragraph: | ||
|
|
||
| Code | ||
|
|
||
| <!-- --> | ||
|
|
||
| Paragraph: | ||
|
|
||
| Code | ||
|
|
||
| --- | ||
|
|
||
| --- | ||
|
|
||
| --- | ||
|
|
||
| --- | ||
|
|
||
| --- | ||
|
|
||
| * * * | ||
|
|
||
| *** | ||
|
|
||
| ***** | ||
|
|
||
| - - - | ||
|
|
||
| --------------------------------------- | ||
|
|
||
| This is [an example](http://example.com "Example") link. | ||
|
|
||
| [This link](http://example.com) has no title attr. | ||
|
|
||
| This is [an example][id] reference-style link. | ||
|
|
||
| [id]: http://example.com "Optional Title" | ||
|
|
||
| This is [an example](http://example.com "Example") link. | ||
|
|
||
| [This link](http://example.com) has no title attr. | ||
|
|
||
| This is [an example] [id] reference-style link. | ||
|
|
||
| [id]: http://example.com "Optional Title" | ||
|
|
||
| _single asterisks_ | ||
|
|
||
| _single underscores_ | ||
|
|
||
| **double asterisks** | ||
|
|
||
| **double underscores** | ||
|
|
||
| *single asterisks* | ||
|
|
||
| _single underscores_ | ||
|
|
||
| **double asterisks** | ||
|
|
||
| __double underscores__ | ||
|
|
||
| This paragraph has some `code` in it. | ||
|
|
||
| This paragraph has some `code` in it. | ||
|
|
||
|  | ||
|
|
||
|  | ||
| --- | ||
| title: Harry Potter and the Half-Blood Prince | ||
| date: 2019-09-01 | ||
| tags: | ||
| - Novel | ||
| - Highlight | ||
| --- | ||
|
|
||
| [View raw (TEST.md)](https://raw.github.com/adamschwartz/github-markdown-kitchen-sink/master/README.md) | ||
|
|
||
| This is a paragraph. | ||
|
|
||
| This is a paragraph. | ||
|
|
||
| # Header 1 | ||
|
|
||
| ## Header 2 | ||
|
|
||
| Header 1 | ||
| ======== | ||
|
|
||
| Header 2 | ||
| -------- | ||
|
|
||
| # Header 1 | ||
|
|
||
| ## Header 2 | ||
|
|
||
| ### Header 3 | ||
|
|
||
| #### Header 4 | ||
|
|
||
| ##### Header 5 | ||
|
|
||
| ###### Header 6 | ||
|
|
||
| # Header 1 | ||
| ## Header 2 | ||
| ### Header 3 | ||
| #### Header 4 | ||
| ##### Header 5 | ||
| ###### Header 6 | ||
|
|
||
| # Header 1 | ||
|
|
||
| ## Header 2 | ||
|
|
||
| ### Header 3 | ||
|
|
||
| #### Header 4 | ||
|
|
||
| ##### Header 5 | ||
|
|
||
| ###### Header 6 | ||
|
|
||
| # Header 1 # | ||
| ## Header 2 ## | ||
| ### Header 3 ### | ||
| #### Header 4 #### | ||
| ##### Header 5 ##### | ||
| ###### Header 6 ###### | ||
|
|
||
| > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. | ||
| > Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. | ||
| > ## This is a header. | ||
| > | ||
| > 1. This is the first list item. | ||
| > 2. This is the second list item. | ||
| > | ||
| > Here's some example code: | ||
| > | ||
| > Markdown.generate(); | ||
| > ## This is a header. | ||
| > 1. This is the first list item. | ||
| > 2. This is the second list item. | ||
| > | ||
| > Here's some example code: | ||
| > | ||
| > Markdown.generate(); | ||
| - Red | ||
| - Green | ||
| - Blue | ||
|
|
||
| * Red | ||
| * Green | ||
| * Blue | ||
|
|
||
| - Red | ||
| - Green | ||
| - Blue | ||
|
|
||
| ```markdown | ||
| - Red | ||
| - Green | ||
| - Blue | ||
|
|
||
| * Red | ||
| * Green | ||
| * Blue | ||
|
|
||
| - Red | ||
| - Green | ||
| - Blue | ||
| ``` | ||
|
|
||
| - `code goes` here in this line | ||
| - **bold** goes here | ||
|
|
||
| ```markdown | ||
| - `code goes` here in this line | ||
| - **bold** goes here | ||
| ``` | ||
|
|
||
| 1. Buy flour and salt | ||
| 1. Mix together with water | ||
| 1. Bake | ||
|
|
||
| ```markdown | ||
| 1. Buy flour and salt | ||
| 1. Mix together with water | ||
| 1. Bake | ||
| ``` | ||
|
|
||
| 1. `code goes` here in this line | ||
| 1. **bold** goes here | ||
|
|
||
| ```markdown | ||
| 1. `code goes` here in this line | ||
| 1. **bold** goes here | ||
| ``` | ||
|
|
||
| Paragraph: | ||
|
|
||
| Code | ||
|
|
||
| <!-- --> | ||
|
|
||
| Paragraph: | ||
|
|
||
| Code | ||
|
|
||
| --- | ||
|
|
||
| --- | ||
|
|
||
| --- | ||
|
|
||
| --- | ||
|
|
||
| --- | ||
|
|
||
| * * * | ||
|
|
||
| *** | ||
|
|
||
| ***** | ||
|
|
||
| - - - | ||
|
|
||
| --------------------------------------- | ||
|
|
||
| This is [an example](http://example.com "Example") link. | ||
|
|
||
| [This link](http://example.com) has no title attr. | ||
|
|
||
| This is [an example][id] reference-style link. | ||
|
|
||
| [id]: http://example.com "Optional Title" | ||
|
|
||
| This is [an example](http://example.com "Example") link. | ||
|
|
||
| [This link](http://example.com) has no title attr. | ||
|
|
||
| This is [an example] [id] reference-style link. | ||
|
|
||
| [id]: http://example.com "Optional Title" | ||
|
|
||
| _single asterisks_ | ||
|
|
||
| _single underscores_ | ||
|
|
||
| **double asterisks** | ||
|
|
||
| **double underscores** | ||
|
|
||
| *single asterisks* | ||
|
|
||
| _single underscores_ | ||
|
|
||
| **double asterisks** | ||
|
|
||
| __double underscores__ | ||
|
|
||
| This paragraph has some `code` in it. | ||
|
|
||
| This paragraph has some `code` in it. | ||
|
|
||
|  | ||
|
|
||
|  |
Oops, something went wrong.