CSS3 не позволяет использовать конкатенацию при нестинге классов:

.title {
  /* не работает */
  &--red {
    color: red;
  }
}

но для любителей BEM есть обходной путь:

.title {
  & [class*='--red'] {
    color: red;
  }
}

#css #bem