Ionic Sass support for & selectors with @extend


#1

Hi,

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:
http://sass-lang.com/documentation/file.SASS_REFERENCE.html#placeholders

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