Children broken on extended class

[noclat]

Hi,

I have this SCSS code:

.list-inline {
    list-style: none;
    li { display: inline-block; }
}

.header { 
    @extend .clearfix; 
    ul { @extend .list-inline; }
}

And it compiles into this, which is absolutely not what it should behave:

.list-inline,
.header ul {
    list-style: none;
}

/* the selector below is broken, it should have been ".list-inline li, .header ul li" */
.list-inline li,
.list-inline .header ul,
.header .list-inline ul {
    display: inline-block;
}

Thanks

[fourseven]

Hi @noclat - this is a limitation with libsass, which this plugin depends on. tl;dr is that it's close, but not perfect yet. See here for more detail - sass/libsass#336

[noclat]

Thanks for the answer, wait&see then!