How to make a mix in bam?

Question

css

Let's say I have a block - main-block, in this block there are main-block__title and main-block__descr elements, and it is for an element in some section that I want to change the positioning, how exactly should I address the element using a mixin of type: . welcome__main-block__title or with: .welcome__main-block .main-block__title? As for me, modifiers are not very suitable here, since you often need to change positioning, so which option is better?

Answer 1

If this positioning needs to be changed in a specific block and will not be repeated again, then you can mix it like this:

<div class="main-block__title welcome__title"></div>

In css, the blocks that are inside should be written higher than the parent block, in this sequence mixes are made easily. If your parent block comes
earlier and the styles need to be redefined, then in your case it would be better to use a modifier.