krasimir/absurd — pull request #17 by gundead222 (2013-11-15 00:33:41+00:00)
Title: Ampersand operator on any position in the nested selector

{
a: {
color: 'red',
':hover': { color: 'blue' },
'&.fancy': { color: 'green' },
'.ie6 &:hover': { color: 'orange' },
'.ie6 &.fancy': { color: 'yellow' }
}
}

Result:

a {
color: red;
}
a:hover {
color: blue;
}
a.fancy {
color: green;
}
.ie6 a:hover {
color: orange;
}
.ie6 a.fancy {
color: yellow;
}

Haven't tried BEM with this yet but might work.

{
.media: {
margin: '10px',
'&__body': {
overflow: 'hidden'
},
'&__img': {
float: 'left',
marginRight: '10px',
img: {
display: 'block'
},
'&--rev': {
marginRight: '20px'
}
}
}
}