Вот код меньше:
.block {
background: blue;
.element {
background: green;
}
}
.extended-block:extend(.block all) {}
.extended-element:extend(.element all) {}
, которые вырабатывают правила для '.block .extended-element', '.extended-block .element', но не для ".extended-block .extended-element", который мне нужен:
.block,
.extended-block {
background: blue;
}
.block .element,
.extended-block .element,
.block .extended-element {
background: green;
}