Hello. Suppose I have a conditional modelka:
<div class="modal">
<div class="modal__title"></div>
<div class="modal__content"></div>
</div>
And suddenly I decided to make a modifier
--small to less. But then you need a little tweak and inside. The question arises what to do. Make cascade or add more rules? That is so:
.modal--small{...};
.modal--small .modal__title{...}
.modal--small .modal__content{...}
<div class="modal modal--small">
<div class="modal__title"></div>
<div class="modal__content"></div>
</div>
Or this:
.modal--small{...};
.modal__title--small{...}
.modal__content--small{...}
<div class="modal modal--small">
<div class="modal__title modal__title--smal"></div>
<div class="modal__content modal__content--small"></div>
</div>
Which option is correct (or both incorrect) ? Soul pulls to the first