Ionic Sass support for & selectors with @extend


I’m facing some issues when trying to extend Ionic with SASS. If I want to extend some class for example .button, I do:

.my-button { @extend .button; }

So, the problem comes when I need to override some css rule included in the .button class, because of how SASS execute @extend function I’m not able to override that property only with !important but I don’t really want to pollute my code with tons of !important.

Maybe we could have some SASS files following @extend-Only Selectors logic:

That way we could @extend that classes without duplicating rules.