[wp-trac] [WordPress Trac] #65107: Twenty Sixteen: italics lost in 'blockquote cite'

[WordPress Trac]

#65107: Twenty Sixteen: italics lost in 'blockquote cite'
-----------------------------------+------------------------------
 Reporter:  gaelbonithon           |       Owner:  (none)
     Type:  defect (bug)           |      Status:  new
 Priority:  normal                 |   Milestone:  Awaiting Review
Component:  Bundled Theme          |     Version:  4.4
 Severity:  normal                 |  Resolution:
 Keywords:  has-patch 2nd-opinion  |     Focuses:  css
-----------------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:  has-patch => has-patch 2nd-opinion
 * version:  trunk => 4.4


Comment:

 Hi and welcome to WordPress Core Trac!

 The theme's initial commit used `font-style: normal` in
 [https://github.com/WordPress/twentysixteen/blob/4d4ba75f181336743c30b9fe09ce24607fb4a30e/style.css#L396-L400
 front-end] and
 [https://github.com/WordPress/twentysixteen/blob/4d4ba75f181336743c30b9fe09ce24607fb4a30e/css
 /editor-style.css#L137-L141 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 [https://github.com/WordPress/wordpress-
 develop/blob/c7c777aab217b577107106f0f56563983e3c5afb/src/wp-
 content/themes/twentysixteen/css/editor-blocks.css#L321-L325 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.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/65107#comment:4>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform