alice-liu

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

/*
A slightly more automated approach to BEM modifier classes:
using '&' parent selector interpolation, modifiers extend their bases,
so that HTML markup requires only the modifier class not the base *and* modifier
*/

alice-liu

// ----
// Sass (v3.3.0.rc.1)
// Compass (v0.13.alpha.10)
// ----

@mixin bah {
    &%foo {
        color: red;
    }
}

alice-liu

@extend could easily not work because cascading order is determined by order in which parent selectors are written.

Can we limit 2nd-order inheritance?