В настоящее время у меня есть список цветов (например):
@colors: {
base: #716aca;
brand: #716aca;
danger: #c14549;
warning: #ffb822;
success: #34bfa3;
primary: #5867dd;
black: #000000;
}
У меня есть функция each
, которая перебирает все цвета и создает все возможные цвета правил, которые мы можем использовать:
each(@colors, .(@value, @key, @index) {
.rules-here-@{key} {
attribute: @value;
}
}
То, что я не могу сделать работу, выглядит примерно так:
.getColor(@color);
Где я буду использовать в других местах, например:
div.system-warning-notification {
background-color: .getColor('base');
color: .getColor('danger');
}
Iпонятия не имею, возможно ли это вообще.Я схожу с ума по этому вопросу уже более недели без какого-либо прогресса.
Если это невозможно, могу ли я сгенерировать переменные, чтобы иметь к ним доступ, например:
@color-base: #716aca;
Не создавая их вручную?
Большое спасибо и, надеюсь, я правильно спросил.Я новичок здесь.