_at-root.scss

$name-class: ".block1";
#{$name-class} {
  font-size: 100px;
  
  &__inner {
    font-size: 10px;
    &:before { content: ""; }
    
    @at-root #{$name-class}:hover &:before {
      color: red;
    }
  .active#{&}:hover { content: 'active'; }
  } //&__inner
}


$name-class: ".block4";
#{$name-class} {
  font-size: 100px;
  
  &__inner {
    font-size: 10px;
    
    @at-root #{$name-class}:hover & {
      color: red;
    }
  }
}