Expected output when extending a class that appears in more complex rules

[adamwathan]

Hey Jonathan! I couldn't find this documented in the spec or the plugin but what is the expected behavior when you do something like this?

.foo .bar {
  color: red;
}

.baz {
  @extends .bar;
}

Right now you get this output:

.foo .bar {
  color: red;
}

.baz {
}

...where I was sort of expecting this:

.foo .bar {
  color: red;
}

.foo .baz {
  color: red;
}

Is this by design?

[wesleyboar-fka-iosulfur]

Try @extend instead of @extends.

[adamwathan]

Oh my god 🤦‍♂ Thank you!