Why is less `extend` not working when extended class is nested (.button { &_red{} })?

Question

why extend is not working in this case?

.button {
  &_red {
    background-color: red;
  }
}

.panel {
  .button:extend(.button_red) {}
}

Actual output:

.button_red {
  background-color: red;
}

Expected output:

.button_red {
  background-color: red;
}
.panel .button {
  background-color: red;
}

OR

.button_red,
.panel .button {
  background-color: red;
}

Duplicate of [How do I extend a class/mixin which has dynamically formed selector](https://stackoverflow.com/questions/24879871/how-do-i-extend-a-class-mixin-which-has-dynamically-formed-selector) — seven-phases-max, Feb 18 '19 at 13:56

score 0 · Answer 1 · answered Feb 18 '19 at 13:31

0

answered Feb 18 '19 at 13:31

Ray

1 Answers1