Added horizontal rules between items in style docs

This commit is contained in:
Christian Muehlhaeuser
2019-12-13 22:10:57 +01:00
parent 365199d2fb
commit a75e0a980e
+34
View File
@@ -49,6 +49,8 @@ Style:
} }
``` ```
---
### paragraph ### paragraph
The `paragraph` element represents a paragraph in the document. The `paragraph` element represents a paragraph in the document.
@@ -65,6 +67,8 @@ Style:
} }
``` ```
---
### heading ### heading
The `heading` element represents a heading. The `heading` element represents a heading.
@@ -115,6 +119,8 @@ Output:
![Heading Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/heading.png) ![Heading Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/heading.png)
---
### block_quote ### block_quote
The `block_quote` element represents a quote. The `block_quote` element represents a quote.
@@ -133,6 +139,8 @@ Output:
![Block Quote Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/block_quote.png) ![Block Quote Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/block_quote.png)
---
### list ### list
The `list` element represents a list in the document. The `list` element represents a list in the document.
@@ -153,6 +161,8 @@ Style:
} }
``` ```
---
### code_block ### code_block
The `code_block` element represents a block of code. The `code_block` element represents a block of code.
@@ -178,6 +188,8 @@ Output:
![Code Block Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/code_block.png) ![Code Block Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/code_block.png)
---
### table ### table
The `table` element represents a table of data. The `table` element represents a table of data.
@@ -243,6 +255,8 @@ Style:
} }
``` ```
---
### item ### item
The `item` element represents an item in a list. The `item` element represents an item in a list.
@@ -269,6 +283,8 @@ Output:
![List Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/list.png) ![List Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/list.png)
---
### enumeration ### enumeration
The `enumeration` element represents an item in an ordered list. The `enumeration` element represents an item in an ordered list.
@@ -294,6 +310,8 @@ Output:
![Enumeration Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/enumeration.png) ![Enumeration Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/enumeration.png)
---
### task ### task
The `task` element represents a task item. The `task` element represents a task item.
@@ -325,6 +343,8 @@ Output:
![Task Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/task.png) ![Task Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/task.png)
---
### link ### link
The `link` element represents a link. The `link` element represents a link.
@@ -352,6 +372,8 @@ Output:
![Link Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/link.png) ![Link Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/link.png)
---
### link_text ### link_text
The `link_text` element represents the text associated with a link. The `link_text` element represents the text associated with a link.
@@ -367,6 +389,8 @@ Style:
} }
``` ```
---
### image ### image
The `image` element represents an image. The `image` element represents an image.
@@ -393,6 +417,8 @@ Output:
![Image Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/image.png) ![Image Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/image.png)
---
### image_text ### image_text
The `image_text` element represents the text associated with an image. The `image_text` element represents the text associated with an image.
@@ -407,6 +433,8 @@ Style:
} }
``` ```
---
### code ### code
The `code` element represents an inline code segment. The `code` element represents an inline code segment.
@@ -425,6 +453,8 @@ Output:
![Code Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/code.png) ![Code Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/code.png)
---
### emph ### emph
The `emph` element represents an emphasized text. The `emph` element represents an emphasized text.
@@ -449,6 +479,8 @@ Output:
![Emph Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/emph.png) ![Emph Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/emph.png)
---
### strong ### strong
The `strong` element represents important text. The `strong` element represents important text.
@@ -473,6 +505,8 @@ Output:
![Strong Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/strong.png) ![Strong Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/strong.png)
---
### hr ### hr
The `hr` element represents a horizontal rule. The `hr` element represents a horizontal rule.