Как использовать переменную в sass внутри map-get?

Question

[tenaro]

есть палитра, используется так: map-get($colors, 'Red');
как передать переменную из vue как ид цвета?
map-get($colors, v-bind('props.color'));
map-get($colors, var(--color));
ничего не работает

Answer 1

[Сергей delphinpro]

Sass это препроцессор же. Он отрабатывает на этапе компиляции, а vue работает в рантайме.
Они "не встречаются" =)

Comments

[tenaro]

но я же могу сделать так:
color: v-bind('color'), или так $bg: v-bind('color')
оба правила подхватят нужное значение и сформируется "правильный" css, т.е sass отработает уже после присвоения цвета, чем тогда map-get хуже?