[wp-trac] [WordPress Trac] #52589: Twenty Twenty-One: Paragraph padding isn’t inherited in some div

[WordPress Trac]

#52589: Twenty Twenty-One: Paragraph padding isn’t inherited in some div
---------------------------+------------------------------
 Reporter:  ooker          |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  Awaiting Review
Component:  Bundled Theme  |     Version:  5.6.1
 Severity:  major          |  Resolution:
 Keywords:                 |     Focuses:  ui, css
---------------------------+------------------------------

Comment (by ooker):

 I ask the dev of Stackable plugin, and here is
 [https://github.com/gambitph/Stackable/issues/1068#issuecomment-784823357
 what they say]:

 >Upon checking, the gaps between native paragraphs are caused by these CSS
 rules:
 {{{
 .editor-styles-wrapper [data-block] {
     margin-top: var(--global--spacing-vertical);
     margin-bottom: var(--global--spacing-vertical);
 }
 }}}
 >I believe this CSS is coming from Twenty Twenty-One theme.
 >
 >The data-block attribute is a unique identifier of added blocks inside
 the editor. Because of this, the margins are not visible in preview.
 >
 >This might not be a Stackable issue.

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