Как изменить непрозрачность рамки без изменения ее цвета

Question

Я собираюсь изменить непрозрачность границы ввода, когда она отключена с помощью SCSS. Но цвет границы исходит из переменной:

$borderColor: #5985dc;

.my-input {
  border: 1px solid $borderColor;
}
.my-input:disabled {
  border-color: ???;
}

... или есть ли способ изменить цвет на полупрозрачную версию?

Answer 1

Вы можете использовать функцию Sass rgba().Он может принимать шестнадцатеричное значение цвета и значение непрозрачности и преобразовывать его в RGBA:

$borderColor: #5985dc;

.my-input {
  border: 1px solid $borderColor;
}
.my-input:disabled {
  border-color: rgba($borderColor, 0.5);
}