Implement design for posts & content

[iandunn]

https://www.figma.com/file/O9I8Jl7kaUMTX39LlRGbGO/News-Page?node-id=4659%3A8682

each of these should have it's own PR (and an issue too, if needed)

full width (default)

• grid + structure
• short
• medium
• long
• podcast
• month in wp
• short pullquote Quote and Verse block styles #353
• large pullquote Quote and Verse block styles #353
• images Switch image blocks to full-width #354
• content width alignment

content width

• alignment
• verse Quote and Verse block styles #353
• quote Quote and Verse block styles #353

blocks

• audio player
• quote 1 Quote and Verse block styles #353
• quote 2 Quote and Verse block styles #353
• verse Quote and Verse block styles #353
• code
• contributors break 1 "Contributors" styles #355
• contributors break 2 "Contributors" styles #355
• contributors break 3 "Contributors" styles #355

[coreymckrill]

@iandunn I'm trying to figure out how many of these checklist items still need to be done, but I'm not sure what some of them are referring to:

• content width alignment - is this a specific block or just the fact that the content column is supposed to be on the right side on desktop widths? If the latter, I think this one is done, right?
• contributors break 1, 2, 3 - what are these referring to?

[iandunn]

IIRC they were all phrases used in the mockup

content width alignment

https://www.figma.com/file/O9I8Jl7kaUMTX39LlRGbGO/News-Page?node-id=4659%3A11896

contributors break 1, 2, 3

https://www.figma.com/file/O9I8Jl7kaUMTX39LlRGbGO/News-Page?node-id=4764%3A24504

[coreymckrill]

full width images

Captions were addressed in #275, ensuring that existing posts use the full-width alignment is more of a content issue.

[coreymckrill]

Ok, the remaining checklist items above fit into three issues, which have all now been created. I'm going to close this to declutter the milestone.