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