Я столкнулся с небольшой проблемой компиляции меньше css:
.root {
.element {
background: red;
&-checked:not(&-disabled) {
color: red;
}
}
}
Компилируется в
.root .element {
background: red;
}
.root .element-checked:not(.root .element-disabled) { <--- THE PROBLEM IS HERE
color: red;
}
Но мне нужно, чтобы это выглядело так:
.root .element-checked:not(.element-disabled) <--- WITHOUT ROOT IN ':NOT' PSEUDO SELECTOR
Есть ли способ сказать компилятору не наследовать родительские селекторы?
Спасибо!