@extend doesn't extend nested rules

[okonet]

Consider following example:

.x {
    color: red;
   .y {
        color: blue;
    }
}
.z { @extends .x; }

should compile to

.x, .z { color: red; }
.x .y, .z .y { color: blue; }

but compiles to:

.x, .z { color: red; }
.x .y { color: blue; }

[akhleung]

Thanks for the report! @extend is difficult to implement fully, so I haven't been able to cover cases like these yet.

[blaise-io]

I'm encountering a similar issue with a different kind of nesting:

.x { color: red; }
.y { @extend .x; color: blue; }
.z { @extend .y; }

should compile to:

.x, .y, .z { color: red; }
.y, .z { color: blue; }

but compiles to:

.x, .y { color: red; }
.y, .z { color: blue; }

[andrewdc]

+1

[andrewdc]

I have a similar issue as @extend fails to chain properly.

 .toggle {
   position:relative;
 } 

 .toggle--switch {
    @extend .toggle;
  }

 .toggle--switch--is-off {
    @extend .toggle--switch;
  }

.toggle--switch--is-off does not inherit the position:relative; properties from its double chained parent .toggle

[opichals]

After transitioning away from the ruby sass implementation I have been hit by this too. Anyone?

[killercup]

I'm still using ruby sass just because of this, too.

[kennethormandy]

@opichals @killercup There’s a bit more info in #146, #137, it’s hopefully supposed to be in before the end of the year. There’s an open bounty on it, too: https://www.bountysource.com/issues/1057456-extend-classes-wont-compile-correctly-with-both-regular-and-silent-selectors/bounties

[akhleung]

Currently working on making @extend do the right thing. It's a very complex feature, but I'll try to get this particular case working by the holidays.

[urbaniak]

+1

[gastlich]

+1, @akhleung thanks for working on that!

[crohrer]

+1

[mstrutt]

+1

[steveluscher]

Go @akhleung, go!

[bradens]

Looking forward to this!

[akhleung]

Closing this since it's subsumed by #146.