Given a placeholder selector as
%theme
.red
:color red
:background-color blue
.yellow
:color yellow
:background-color green
I'd now like to go ahead and compile it to css such as
#content.special_page .red h2, #content.special_page .red .items li { ... }
#content.special_page .yellow h2, #content.special_page .yellow .items li { ... }
But this appears not to be possible ...
#content.special_page h2
@extend %theme
... will render to ...
#content.special_page h2 .red { ... }
#content.special_page h2 .yellow { ... }
... and the placeholder selector does not allow me to pass any arguments or a content.
So are there any sass features to solve this, or even some tricky css selectors?