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

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

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

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

2
0
36
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

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

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

Другие вопросы по теме