Update styles.md to reflect blockquote styling

openstax · Aug 5, 2024 · ce5a049 · ce5a049
1 parent 461f783
commit ce5a049
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/docs/static/blockquote.png b/docs/static/blockquote.png
diff --git a/docs/styles.md b/docs/styles.md
@@ -944,6 +944,27 @@ have a `<p>` tag and `<a>` tags.
 
 ---
 
+## Blockquote
+
+Add a styled blockquote.
+
+**Examples**
+
+<div style="text-align: center;">
+    <img src="./static/blockquote.png" width="750">
+</div>
+
+**Availability**
+
+The blockquote styling should only be used on `<blockquote>` tags.
+
+**Usage**
+```html
+<blockquote class="os-raise-blockquote">Andre bought a new bag of cat food. The next day, he opened it to feed his cat. The graph shows how many ounces were left in the bag on the days after it was bought.</blockquote>
+```
+
+---
+
 # Flex
 
 ## Initializing Flexbox (os-raise-d-flex-nowrap / os-raise-d-flex)