Reuse parent style with &

[jpdatalicious]

This is possible with Less?

.my-btn {
 &--raised {
    &:extend(.btn, .btn-raised);
    &:hover {
      &:extend(.btn:hover, .btn-raised:hover);
    }
 }

  &--raised--white {    
    .&--raised; // I need to reuse the previous selector style ??
    background-color: #fff;
 }
}

[seven-phases-max]

Please note the issue tracker is not a support forum or a sort of, and it's primarily meant only for issue/bug reports (as well as feature requests). For "How-To"/"Can-I" questions please use SO.

---

As for the question itself, no, it is not possible (there're proposed #2101 and #2200 - so eventually you could use extend there). Meantime either combine duplicated styles in the same ruleset, e.g.:

.my-btn {
    &--raised, &--raised--white {
        &:extend(.btn, .btn-raised);
        &:hover:extend(.btn:hover, .btn-raised:hover) {}
    }
    &--raised--white {background-color: #fff}
}

Or move duplicated stuff to a "normal" mixin:

.my-btn {
    &--raised {
        .raised-button();
    }

    &--raised--white {
        .raised-button();
        background-color: #fff;
    }
}

.raised-button() {
    &:extend(.btn, .btn-raised);
    &:hover:extend(.btn:hover, .btn-raised:hover) {}
}

Both methods are actually same clear and effective.

[seven-phases-max]

Merging to #2200.

[jpdatalicious]

Thanks a lot.