Por padrão, todos os mixins são incluídos por padrão no arquivo CSS de saída, mesmo se não forem usados em qualquer lugar da marcação. Para evitar isso, basta adicionar () no final do nome do mixin:
.mixin { // will show up in output CSS as a separate class
color:red;
}
.mixin() { // will only show up in output CSS where it's been used
color:red;
}
Em ambos os casos, chamar .mixin em outra classe funcionará e gerará mixin onde for necessário, portanto:
.class {
.mixin;
}
Saídas:
.class {
color:red;
}