Theme: Add blockquote styles

Ref jquery/jquery-wp-content#454

_data/sitenav.yml

@@ -1,6 +1,6 @@
 - name: Guides
   sub:
-    - name: Getting Started
+    - name: Content styles
       href: /intro/
 - name: Documentation
   sub:

_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;

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