[wp-trac] [WordPress Trac] #56998: Twenty Twenty: large margins between widgets in footer (in admin area they seem smaller)

[WordPress Trac]

#56998: Twenty Twenty: large margins between widgets in footer (in admin area they
seem smaller)
---------------------------+------------------------------
 Reporter:  warrior7089    |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  css
---------------------------+------------------------------
Changes (by sabernhardt):

 * keywords:   => needs-patch


Comment:

 Every footer widget after the first has a
 [https://core.trac.wordpress.org/browser/trunk/src/wp-
 content/themes/twentytwenty/style.css?rev=55476#L5644 large top margin] on
 the front: `5rem` on larger screens and `3rem` on smaller screens.
 {{{
 .widget {
         margin-top: 3rem;
 }
 .widget:first-child {
         margin-top: 0;
 }
 @media ( min-width: 700px ) {
         .footer-widgets .widget {
                 margin-top: 5rem;
         }
         .footer-widgets .widget:first-child {
                 margin-top: 0;
         }
 }
 }}}

 The margin has been that way in Twenty Twenty since the first version (it
 was even in the
 [https://themes.trac.wordpress.org/browser/chaplin/1.0.0/style.css#L4280
 first version of Chaplin], which was the foundation for Twenty Twenty).

 I do not recommend changing the front after people have been using this
 theme, though maybe the Widgets editor could reflect the `3rem` margin
 (the editor canvas is less than 700 pixels wide).

 {{{
 .wp-block-widget-area__inner-blocks .block-editor-block-list__layout >
 .wp-block {
         margin-top: 3rem;
 }
 .wp-block-widget-area__inner-blocks .block-editor-block-list__layout >
 .wp-block:first-child {
         margin-top: 0;
 }
 }}}

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