scss - запуск частично названного класса

Question

Мне было интересно, возможно ли иметь частично заполненное имя класса, которое я мог бы заполнить, например,

.theme-color-* {
  happy {
    color: yellow
  }
  angry {
    color: red
  }
  sad {
    color: blue
  }
}

конечно, это представляет .theme-color-happy, .theme-color-angry, .theme-color-sad

Answer 1

Да, вы можете сделать это, но вы должны использовать & :

.theme-color- {
  &happy {
    color: yellow
  }
  &angry {
    color: red
  }
  &sad {
    color: blue
  }
}