Comments: Add typography support

[aaronrobertshaw]

Related:

• Tracking: Addressing Design Tooling Consistency #43241
• Tracking: Typography Design Tools Consistency #43242

What?

Adds typography support to the Comments block.

Why?

• Improves consistency of our design tools across blocks.
• Adds higher level typography styling for the inner blocks of the Comments block.

How?

• Opts into all typography supports.
• Only the font size control will display by default.

Testing Instructions

1. Load the editor, add a Comments block and select it.
2. Test various typography settings ensuring styles are applied in the editor.
3. Save and confirm application on the frontend.
4. Switch to the site editor, select a page or template with a Comments block.
5. Navigate to Global Styles > Blocks > Comments > Typography and apply typography styles there.
6. Confirm the selected styles are reflected in the preview and on the frontend.

Screenshots or screencast

Screen.Recording.2022-08-17.at.10.41.54.am.mp4

[talldan]

Works as expected. Very similar results to #43266 when testing.

[carolinan]

I understand this is for consistency, but I would prefer to wait until these inner elements are split into separate blocks.
I think it is more common to have separate styles for example for the edit links, reply, date and the comment content?

If I say add a font size setting, and the block is split, will it be difficult to transfer that stored setting to the new blocks?

[aaronrobertshaw]

I understand this is for consistency, but I would prefer to wait until these inner elements are split into separate blocks.
I think it is more common to have separate styles for example for the edit links, reply, date and the comment content?

I'm not sure I follow. The edit, reply, date, and content etc are all already their own blocks.

Screen.Recording.2022-08-19.at.11.25.45.am.mp4

[carolinan]

You are right, I am living in the past 😆 Thank you.