scss file: add % placeholder for @extend

[di5abled]

hy,

I wonder if it would be possible for you to add % placeholders in your generated sass and scss files.

I have use cases where I want to use the icon fonts on custom elements. Currently I am working like this:

.share-facebook {
    @extend .icon;

    &:before {
        @extend .icon--facebook:before;
    }
}

but it would be really nice if I could also use the % to extend your generated classes like this:

.share-facebook {
    @extend %icon;

    &:before {
        @extend %icon--facebook;
    }
}

[renaudleo]

Since version 1.3.4, you can do this using the css_selector option in your config file.

I guess something like css_selector: %icon--{{glyph}} would work. Not that you won't be able to use theses classes directly in your HTML after that. But it seems to me it's the point of using placeholder selectors with %.