[wp-trac] [WordPress Trac] #60196: Twenty Twenty-One: List Item blocks have extra margin in editor

[WordPress Trac]

#60196: Twenty Twenty-One: List Item blocks have extra margin in editor
-----------------------------------------+---------------------
 Reporter:  nidhidhandhukiya             |       Owner:  (none)
     Type:  defect (bug)                 |      Status:  new
 Priority:  normal                       |   Milestone:  6.9
Component:  Bundled Theme                |     Version:  6.1
 Severity:  minor                        |  Resolution:
 Keywords:  has-patch changes-requested  |     Focuses:  css
-----------------------------------------+---------------------
Changes (by sabernhardt):

 * milestone:  Awaiting Review => 6.9


Comment:

 @rishabhwp The patch should include changes to the `.scss` files and then
 compile those to the CSS files.

 If you use the `revert` method, as [55101] did for the Navigation block,
 the List block ruleset would belong in
 `assets\sass\05-blocks\list\_editor.scss`.

 Another option is to edit the selector in
 `assets\sass\05-blocks\utilities\_editor.scss` from `[data-block]` to
 `[data-block]:where(:not(.wp-block-list-item))`. Then it would honor a
 custom style like `li {margin-bottom: 0.25em;}` in Additional CSS, and the
 specificity level would remain the same.

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