Define List Typography Patterns

[blzaugg]

Define List Typography Patterns

https://lexicondesign.io/docs/designPrinciples/typography.html

• Bullet position (inside/outside)
• Bullet hierarchy (decimal, lower/upper alpha, lower/upper roman; dot, circle, square)
• List Item left padding
• List Item vertical margins
• List Item line height (assume matches Basic Formatting - Line Height)
• List margins (assume matches Basic Formatting - Paragraph)

List Types

Unordered Lists

• AAA
  • aaa
    • xxx
  • bbb
• BBB
• CCC

Ordered Lists

1. Mercury
2. Venus
3. Earth
   1. Moon
4. Mars
   1. Phobos
   2. Deimos
5. Jupiter
   1. Io
   2. Europa
   3. etc
6. etc

Description List

Lower cost

The new version of this product costs significantly less than the previous one!

Easier to use

We've changed the product so that it's much easier to use!

Safe for kids

You can leave your kids alone in a room with this product and they won't get hurt (not a guarantee).

[pat270]

@blzaugg did you want Lexicon / Clay CSS to display and explain what these elements are used for or did you want custom styles for them?

[blzaugg]

For Lexicon, I want a design/pattern to follow. I could not find any.

For Clay I want the actual styles implemented, if necessary. I didn't find any list content demoed on the site. I didn't investigate if actual styles have already been provided.