Как изменить прозрачность для background-color?

Question

[Юрий Иванов]

Добрый день, подскажите пожалуйста, есть переменная
--system-colors-bg-selected: rgba(64, 126, 201, 1)
background: var(--system-colors-bg-selected);

где в rgba прозрачность 1
по проекту очень много мест, где эта прозрачность иная.
Как можно менять эту самую прозрачность динамически
аля я пишу
background: var(--system-colors-bg-selected);
и как-то динамически меняю эту единицу на 0.3 например
что бы если в проекте эта переменная изменилась, то не пришлось руками ходить и измнять цвета, которые я позадавал таким образом rgba(64, 126, 201, 0.3)

Comments

[archelon]

посмотрите здесь:
https://stackoverflow.com/questions/40010597/how-d...

Answer 1

[Михаил Р.]

Как вариант - использование переменной:

$color-base: 64, 126, 201;

.element {
  background-color: rgba($color-base, 1);
}

.element-transparent {
  background-color: rgba($color-base, 0.3);
}

Чуть сложнее:

$color-base: 64, 126, 201;
$alpha-1: 1;
$alpha-2: 0.3;

.element {
  background-color: rgba($color-base, $alpha-1);
}

.element-transparent {
  background-color: rgba($color-base, $alpha-2);
}