SCSSで＆つなぎにしつつ、とちゅうで変数も活用してすこしでも便利に書くメモ

//scss

.oya{
 &__kodomo{
   $element: #{&};
   @debug $element;
   &__mago{
     #{$element}.type1{
       color:red;
     }
   }
 }
}

//css

.oya__kodomo__mago .oya__kodomo.type1 {
 color: red;
}