Как в sass/scss свойства селектора получить в переменную?

Question

[evilelf]

Всем привет.

Дано:
.demo{ color: red }

Как мне в переменную $test получить свойства .demo?

Answer 1

[Сергей Горячев]

Обычно для этих целей используется @extend:

Это одна из самых полезных функций Sass. Используя директиву @extend можно наследовать наборы свойств CSS от одного селектора другому. Это позволяет держать ваш Sass-файл в «чистоте». В нашем примере мы покажем вам как сделать стили оповещений об ошибках, предупреждениях и удачных исходов.

https://sass-scss.ru/guide/

.message {
  border: 1px solid #ccc;
  padding: 10px;
  color: #333;
}
.success {
  @extend .message;
  border-color: green;
}
.error {
  @extend .message;
  border-color: red;
}
.warning {
  @extend .message;
  border-color: yellow;
}

Comments

[Сергей Горячев]

evilelf: Ну, сиди, ищи дальше непонятные костыли.

[Сергей Горячев]

evilelf: Особенно, если не понимаешь, что записывается в переменные.

Answer 2

[andead]

Никак