Quote (Plain): Improve appearance

[beafialho]

Currently the Plain Quote is looking a bit awkward. Let's improve its appearance by setting it to use System font Semi Bold only for the quote, citation should remain Regular. The line height should be 1,6. Alternatively, see Figma.

Currently	Intended

This one seems to look the best default for the quote in a paragraph. If we want to just create a post that's a quote though, like the example below, is it possible to make the larger one default for such cases?

[richtabor]

We can only have one default style. Currently it’s the bigger one, while “Plain” is the style with the border to the left. I think it’s fine to keep the default as it is today.

“Plain” comes from Gutenberg.

[beafialho]

In your opinion, what should be the default?

[richtabor]

I think the white one. The border one looks more "plain", which is the style name we have to use.

[beafialho]

Ok, in any case, I suggest we improve the Plain one's appearance.

[luminuu]

@beafialho Do you want to provide us some design that we can implement for the plain quote variant?

[beafialho]

@luminuu it's in the screenshot above in the "Intended" column. Also here on Figma.

[MaggieCabrera]

I'm working on this and just the border requires an impressive amount of CSS to make it work on the three alignments plus RTL. We can do that, but it feels a little overkill to me