diff --git a/styles/README.md b/styles/README.md index 6a67afd..af1e3bd 100644 --- a/styles/README.md +++ b/styles/README.md @@ -49,6 +49,8 @@ Style: } ``` +--- + ### paragraph The `paragraph` element represents a paragraph in the document. @@ -65,6 +67,8 @@ Style: } ``` +--- + ### 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) +--- + ### block_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) +--- + ### list The `list` element represents a list in the document. @@ -153,6 +161,8 @@ Style: } ``` +--- + ### code_block 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) +--- + ### table The `table` element represents a table of data. @@ -243,6 +255,8 @@ Style: } ``` +--- + ### item 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) +--- + ### enumeration 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) +--- + ### task 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) +--- + ### 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_text The `link_text` element represents the text associated with a link. @@ -367,6 +389,8 @@ Style: } ``` +--- + ### 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_text The `image_text` element represents the text associated with an image. @@ -407,6 +433,8 @@ Style: } ``` +--- + ### code 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) +--- + ### emph 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) +--- + ### strong The `strong` element represents important text. @@ -473,6 +505,8 @@ Output: ![Strong Example](https://github.com/charmbracelet/gold/raw/master/styles/examples/strong.png) +--- + ### hr The `hr` element represents a horizontal rule.