From de98cdd5bffc523971bf518bdf0d7603a3541df5 Mon Sep 17 00:00:00 2001
From: Timo Tijhof <krinkle@fastmail.com>
Date: Tue, 5 Mar 2024 01:51:15 +0000
Subject: [PATCH] Theme: Add blockquote styles

Ref https://github.com/jquery/jquery-wp-content/issues/454
---
 _data/sitenav.yml   |  2 +-
 _sass/amethyst.scss | 13 +++++++++++++
 intro.md            | 31 ++++++++++++++++++++++++++++---
 3 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/_data/sitenav.yml b/_data/sitenav.yml
index eb4f601..fcb8300 100644
--- a/_data/sitenav.yml
+++ b/_data/sitenav.yml
@@ -1,6 +1,6 @@
 - name: Guides
   sub:
-    - name: Getting Started
+    - name: Content styles
       href: /intro/
 - name: Documentation
   sub:
diff --git a/_sass/amethyst.scss b/_sass/amethyst.scss
index e34087c..2111d9b 100644
--- a/_sass/amethyst.scss
+++ b/_sass/amethyst.scss
@@ -116,6 +116,19 @@ pre.highlight {
     background: transparent;
 }
 
+blockquote {
+    border-left: 4px solid $color-off-white;
+    background: $color-light;
+    color: $color-darkgrey;
+    margin: 0 0 $size-spacing 0;
+    padding: $box-spacing;
+    font-style: normal;
+
+    p:last-child {
+        margin-bottom: 0;
+    }
+}
+
 hr {
     margin: $size-5 0;
     border: none;
diff --git a/intro.md b/intro.md
index 6520090..a14951f 100644
--- a/intro.md
+++ b/intro.md
@@ -1,6 +1,6 @@
 ---
 layout: page
-title: Getting Started
+title: Content styles
 amethyst:
   toc: true
 ---
@@ -35,9 +35,34 @@ Check out the [API documentation](https://api.qunitjs.com) or run `qunit --help`
 
 ---
 
+## List
+
+* Lorem Ipsum
+* **Cupcake Ipsum**
+* Bacon Ipsum
+* Samuel L. Ipsum
+* Hipster Ipsum
+* DeLorean Ipsum
+* Office Ipsum
+* Sagan Ipsum
+
+## Blockquote
+
+From cupcake ipsum:
+
+> Cupcake ipsum dolor sit amet dragée jelly beans topping **cake**. Gingerbread oat **cake** I _love_ marshmallow topping.
+>
+> * jelly
+> * **cake**
+> * _love_
+>
+> The _last_ paragraph of the quote.
+
+Text after the quote.
+
 ## Table
 
-| Sequence | 1 | 2 | 3 | 4
-|--|--
 | Foobar | Foo | Bar | Baz | Quux
+|--|--
+| Sequence | 1 | 2 | 3 | 4
 | Lorem ipsum | Lorem | Ipsum | Dolor | Sit