Feature: Components, Combos, and Utilities from Blog Prototype

[erikjung]

This is a big PR, sorry.

Overview

• Added a "combo" pattern section for UI specific to blog posts (based on @nicolemors prototype)
• Added a "combo" pattern section for forms (just the comment form for now)
• Added a new .Figure component pattern
• Added a new .List component pattern
• Added a handful of SUIT utilities
• Added a handful of custom utilities

Deferred for later

• Styles for in-content code blocks (see Consider whether or not syntax highlighting should be optional, included at all drizzle-builder#76)
• The footnotes (see Update FootnoteLink component appearance #160)

Questions

• @tylersticka The .List component encroaches on .u-list* utility territory. How do you think we should handle the collision of these two things?

Blog combos

Form combos

New components

/CC @nicolemors @tylersticka @mrgerardorodriguez @saralohr

[tylersticka]

Why are we using arrange instead of .Grid or .u-flex-*?

[tylersticka]

Is there a variable for font weights?

[tylersticka]

@erikjung This is a big PR... I apologize for the avalanche of comments!

I think I answered your .List question inline, but if I've missed anything, please let me know. Also happy to chat through stuff in person on Monday if I've thoroughly confused things.

[gerardo-rodriguez]

Nothing to add, @tylersticka did a good job of combing through this PR. I did pick up a few details that I'll be using, so thank you @erikjung! 😀 Should be good to go after addressing any outstanding comments. 👍

[erikjung]

@tylersticka I've made changes based on your feedback.

I'd rather resolve the .List/.Group/.u-border issue in another PR because I'm realizing now that it's substantial enough to not include here.

[tylersticka]

LGTM! 👍