Implement the design of the quote block

[carolinan]

Current design:

In comparison to the pull quote these blocks only have one width and no color settings.
Related files:
https://github.com/WordPress/twentytwentyone/tree/trunk/assets/sass/05-blocks/quote

[carolinan]

New design:
Figma:
https://www.figma.com/file/OEtsCj8oD8JPVx4OvsS0U2/Twenty-Twenty-One?node-id=1254%3A0

[paaljoachim]

I am thinking an issue in the Gutenberg github repo would be fitting, so that we can add alignment and the additional color option located in the Pullquote block into the Quote block.

Using Twenty Twenty theme.
Chrome.
Localhost dev site.

Quote Block.

Pullquote block.

[carolinan]

A quote block does not have anything to add the "main" color to. Pull quote has borders by default.

I don't think it is something the editor team should prioritize because of this theme.

[carolinan]

The quote symbol itself should use the same symbol as used in the pull quote:

For refrence:

&::before {
	color: currentColor;
	content: "\201C";
	display: block;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1;
}

https://github.com/WordPress/twentytwentyone/blob/trunk/assets/sass/05-blocks/pullquote/_style.scss#L14

[paaljoachim]

Btw
A PR is being worked on:
Quote: convert to nested blocks
WordPress/gutenberg#25892

Related to this issue: WordPress/gutenberg#15486

[JustinyAhin]

Thanks Carolina.
Saw it this morning.

I'll send a pr from this branch this afternoon https://github.com/JustinyAhin/twentytwentyone/tree/fix/implement-block-quote-design

[carolinan]

Btw
A PR is being worked on:
Quote: convert to nested blocks
WordPress/gutenberg#25892

Related to this issue: WordPress/gutenberg#15486

It is not milestoned for 9.2 and we can't add features after beta 1.

[paaljoachim]

Hey Poena. Check this link:
https://github.com/WordPress/gutenberg/projects/48#column-10737345

It is on the Project board WordPress 5.6 Must Haves.

[carolinan]

Hey Poena. Check this link:
https://github.com/WordPress/gutenberg/projects/48#column-10737345

It is on the Project board WordPress 5.6 Must Haves.

It is not possible for us to work around issues that are not complete before beta 1, our time line is the same, not "after Gutenberg".