Referenciando pai com vários níveis de aninhamento em LESS
Eu tenho o seguinte menos:
.container {
.column, .columns {
.one& {
width: 40px;
}
}
}
Quando eu compilo eu estou recebendo o seguinte para o meu CSS:
.one.container .column,
.one.container .columns {
width: 40px;
}
Mas eu esperava conseguir:
.container .one.column,
.container .one.columns {
width: 40px;
}
Aparece o operador pai (&
) em menos é realmente referenciando o que eu esperaria ser o avô. Estou aninhando as coisas corretamente? Os documentos não mostram nenhum exemplo de aninhamento com mais de um nível de profundidade. Posso alcançar minha saída desejada com aninhamento?
Estou usando o lessc 1.3.3 instalado via npm.