Selector Rewriting

[chriseppstein]

Should the new module system have a selector rewriting capability?

#2024

[nex3]

I think this falls under the "extend-only imports" non-goal. If we had that, you'd be able to write something like

// _button.scss
.buttonComponent {
  // ...
}

// app.scss
@use "button" extend-only;

.btn {
  @extend .buttonComponent;
}

and get the behavior you want.

Alternately, if you just want to scope the existing selectors, you can do that in the current proposal:

// _button.scss
.buttonComponent {
  // ...
}

// app.scss
@use "button" mixin;

.btn {
  @include button;
}

Either way, I don't think the proposal should be extended to include specific support for this use case.