Mixins with concatenated/nested selectors are undefined

[radium-v]

Hi,

I'm running into an issue when trying to reference a mixin that's named with a & combinator.

Example:

.sprite {

    .sprite(@x, @y, @w, @h) {
        background: transparent url(sprite.png) @x @y no-repeat;
        height: @h;
        width: @w;
    }

    &-derp { // .sprite-derp
        .sprite(-20px, -30px, 100px, 15px);
        display: block;
    }
}

.box {
    &:after {
        .sprite-derp;
        content: ' ';
        position: absolute;
    }
}

Should output:

.sprite-derp {
    background-position: -20px -30px;
    height: 15px;
    width: 100px;
    display: block;
}

.box:after {
    background-position: -20px -30px;
    height: 15px;
    width: 100px;
    content: ' ';
    position: absolute;
}

Would it be possible to implement this functionality, or am I just doing it wrong?

[lukeapage]

Example?

[radium-v]

.class {
    &-subclass { // <-- expands to .class-subclass
        display: block;
    }
}

.other-class {
    .class-subclass; // <--- fail
}

[lukeapage]

yes, its not supported and no plans to support it.. it's difficult to work out the selector .sprite-derp till a phase after all the mixin calls have been processed. for a work-around you could use extends instead.

[lukeapage]

moving to #1270