Variáveis ​​de seletor comuns

Se você usa SASS, pode ser muito útil ter variáveis ​​que dão acesso a seletores comuns como:

.module {
    background-color: #ff0000;
    &:hover, &:focus {
        background-color: #ffffff;
    }
    .ie7 &, .ie8 & {
         background-color: #000000;
    }
}

Podemos simplificar isso criando algumas variáveis ​​para agrupar os dois estados e ambas as classes do navegador IE menores que o IE9.

$focus: '&:hover, &:focus";
$lte9: ".ie7 &, .ie8 &";

Agora nosso código será semelhante a este:

.module {
    background-color: #ff0000;
    #{$focus} {
        background-color: #ffffff;
    }
    #{$lte9} {
         background-color: #000000;
    }
}

Referência
inspirada em Eric Meyers Susy Variáveis ​​SASS http://susy.oddbird.net