O uso do & ficou confuso, nessa questão
tem um (.)antes do & e depois um (-) e o nome da classe .monkey-d-luffy , mas não tem o (-)
Eu conseguiria fazer o mesmo que esse exemplo
E aqui nesse outro exemplo
Por que em nenhum momento usou o ponto(.) antes do (&) ? Poderia dar um exemplo bem explicado por favor?
O uso do & geralmente eh como se fosse uma concatenacao exemplo:
.classe{ &--extra { background: red; } }
no caso no codigo compilado retorna assim
.classe--extra{ background: red; }
agora o uso do . antes nao tem nenhuma utilidade no maximo para fazer uma concatenacao de outra classe com ponto mas seguiria assim:
v].btn { color: black;
&.primary { background-color: blue; } }