Twenty Sixteen: italics lost in 'blockquote cite'

[gaelbonithon]

Whether you use italics or not in blockquote cite, the result is the same, both in the editor and in the final output. There should be a difference, one way or another (italics or regular text, depending on the overall font style).

This is a way to fix the bug mentioned below. Note that the change for the editor doesn't seem to be enough: italics aren't being applied for me, unlike in the final result. That said, I suppose this change needs to be made regardless.

Trac ticket: https://core.trac.wordpress.org/ticket/65107

## Use of AI Tools

[manhar]

Tested and patch is working as expected.

Refer the below image:

Before Patch:
​https://postimg.cc/XpfbjS1n

After Patch:
​https://postimg.cc/NKFpNRHZ

[sabernhardt]

Hi and welcome to WordPress Core Trac!

The theme's initial commit used font-style: normal in ​front-end and ​editor styles to reverse the italics of the blockquote in em and cite elements. The default styling should remain as it has been for ten years.

In 2018, Twenty Sixteen styles for the block editor reinforced the normal font-style within the ​Quote block.

The theme probably could add italics again for em elements within citations.

blockquote :where(cite) em {
	font-style: italic;
}

and in editor-blocks.css

.wp-block-quote__citation em {
	font-style: italic;
}

The additional style would be inappropriate for anyone who made the citations italic, but using :where() to match the specificity should reduce the possibility of unexpected changes.

[gaelbonithon]

Replying to sabernhardt:

Hi and welcome to WordPress Core Trac!

The theme's initial commit used font-style: normal in ​front-end and ​editor styles to reverse the italics of the blockquote in em and cite elements. The default styling should remain as it has been for ten years.

In 2018, Twenty Sixteen styles for the block editor reinforced the normal font-style within the ​Quote block.

The theme probably could add italics again for em elements within citations.

blockquote :where(cite) em {
	font-style: italic;
}

and in editor-blocks.css

.wp-block-quote__citation em {
	font-style: italic;
}

The additional style would be inappropriate for anyone who made the citations italic, but using :where() to match the specificity should reduce the possibility of unexpected changes.

Thank you, patch updated.

[poena]

I was not able to apply the patch cleanly, but the actual change works well and I think this is a good solution.

[SergeyBiryukov]

In 62432:

Twenty Sixteen: Correct display of italics in citations.

Props gaelbonithon, sabernhardt, poena, manhar, westonruter, SergeyBiryukov.
Fixes #65107.