How to indent between blocks in BEM?

Question

css

For example, I have this piece of code:

<div class="bem-block"></div>
<div class="another-bem-block"></div>

I would like the vertical padding between blocks to be 50px, but the BEM spec says:

The block should not affect its environment, i.e. the block should not be given external geometry (in the form of padding, borders that affect dimensions) and positioning.

What do i do?

Answer 1

All blocks are simultaneously children of some parent container. Indentation must be specified for classes corresponding to the elements of the parent block. Further, these classes can be screwed either directly to the blocks under discussion, or to intermediate wrapper divs.
Recently answered a similar question:
https://toster.ru/answer?answer_id=1080988#answers...

Answer 2

lieflowerme is even better to use a separate class for indentation.
this class can either be added to the block or used separately on the wrapper block.