How to inherit nesting in SCSS(SASS)?

Question

css

Hello. Periodically there are such pieces of code:

.main-menu {
        display: none;
        position: absolute;
        left: 0;
        top: 50px;
        background-color: #fff;

        &--open {
            display: block;

            .main-menu__link {
            }
        }
    }

how not to write main-menu__link in this case completely, but as always through &, but taking into account the fact that we have a parent block modifier? To get something like this:

.main-menu {
        display: none;
        position: absolute;
        left: 0;
        top: 50px;
        background-color: #fff;

        &--open {
            display: block;

           &__link{} // и что бы получалось в итоге селектор main-menu__link а не main-menu--open__link
        }
    }

Answer 1

.main-menu {
    $this: &;
    display: none;
    &--open {
        display: block;
        #{$this}__link {  }
    }
}

But I prefer this one:

.main-menu {
    display: none;
    &--open { display: block; }
    &--open &__link {  }
}