[wp-trac] [WordPress Trac] #53389: Bundled Themes: Add styling for blocks added in 5.8

[WordPress Trac]

#53389: Bundled Themes: Add styling for blocks added in 5.8
---------------------------+---------------------
 Reporter:  desrosj        |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  5.8
Component:  Bundled Theme  |     Version:  trunk
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:
---------------------------+---------------------

Comment (by Joen):

 I went looking for TT1 issues and pondered whether to open a new ticket.
 The primary issue is that the blanket {{{[data-block]}}} rule above
 targets every single block ever, inside the editor, regardless of whether
 it's horizontal or vertical or a child block or not.

 The reason that rule exists is because the block editor itself, for
 classic themes, outputs such a margin. So while it's unfortunate that the
 theme's editor style adds specificity, it is nevertheless not unreasonable
 for the rule to exist.

 It also seems like there actually _is_ a frontend equivalent to the rule,
 this one:


 {{{
 @media only screen and (min-width: 482px)
 .site-main > article > *, .site-main > .not-found > *, .entry-content > *,
 [class*=inner-container] > *, .wp-block-template-part > * {
     margin-top: var(--global--spacing-vertical);
     margin-bottom: var(--global--spacing-vertical);
 }
 }}}

 So the problem here is that that rule does not successfully target the
 separator block when it's used inside the Query Loop block. That seems
 like a small thing to fix. Let me know if you'd like to open a separate
 ticket for this, otherwise I'll keep it here.

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