[wp-trac] [WordPress Trac] #45042: Twenty Fourteen: Update theme to add Gutenberg styles and support

[WordPress Trac]

#45042: Twenty Fourteen: Update theme to add Gutenberg styles and support
-------------------------------------+----------------------------
 Reporter:  laurelfulford            |       Owner:  laurelfulford
     Type:  task (blessed)           |      Status:  assigned
 Priority:  normal                   |   Milestone:  5.0
Component:  Bundled Theme            |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:
-------------------------------------+----------------------------

Comment (by crunnells):

 I checked through the latest patch and found a handful of issues:

 * Right and left aligned images don’t pop out of full-width page template
 {{{
 .full-width .site-content .alignleft {
     margin: 7px -168px 7px 24px;

 }

 .full-width .site-content .alignright {
     margin-left: 7px 24px -168px 7px;
 }
 }}}
 * Image captions are centered in Gutenberg image blocks, but should be
 left-aligned:
 {{{
 .wp-block-image figcaption { text-align: left; }
 }}}
 * Pull quote CSS needs updating, since pull quotes in the Gute are now
 `blockquotes` wrapped in a `figure` tag, so `.full-width .site-content
 blockquote.alignleft` (or `.alignright`) doesn't pull the quotes out of
 the content area.
 * Widget blocks with a list (eg: Category widget or Archive widget) and
 `.aligncenter` removes the left margin from the list, so the bullets are
 outside of the content area (which doesn't match widget blocks that have
 on alignment).
 * When you center a widget block (such as Category or Archive) in the
 editor it centers the list items, but the front-end centers the entire
 list element. Just need to update the editor styles.

 Some of these might not make sense, but I can attach some screenshots if
 needed.

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