Frontend - imbrication sass, .child{.parent & { }} invalide ?

Question

<span ng-class="{'group-expand': isExpand}">
    <i class="icon-arrow-right"></i>
</span>

@mixin rotate($deg) {
  -webkit-transform: rotate($deg);
  -moz-transform: rotate($deg);
  -ms-transform: rotate($deg);
  -o-transform: rotate($deg);
  transform: rotate($deg);
}

//solution1
.icon-arrow-right {
    @include rotate(0deg);
    .expand & {
        @include rotate(90deg);
    }
}

//solution2
.icon-arrow-right {
    @include rotate(0deg);
}
.expand .icon-arrow-right {
    @include rotate(90deg);
}

Excusez-moi, pourquoi la solution 1 n'est pas valide ?

Answer 1

Copiez votre code et la compilation est réussie
Il s'agit peut-être d'un problème de version avec votre scss