Только что начал использовать SCSS в Visual Studio и обнаружил что-то странное:
Если я использую это:
$BackColour: rgba(1,2,3,0.5);
body { background-color: $BackColour; }
Это прекрасно отображается
Когда я делаю это, тоЦвет фона без непрозрачности:
$BackColour: rgba(1,2,3,0.5);
body { background-color: #fff; }
.some-class { background-color: $BackColour; }
<div class="some-class"><p>Hello, World!</p></div>
Если затем изменить его на:
.some-class { background-color: rgba(1,2,3,0.5); }
, в браузере будет показан правильный цвет.
Также, еслиЯ использую файл LESS, и я получаю тот же результат
Я пытался преобразовать цвет в гекс, но безуспешно, потому что вы не можете использовать непрозрачность.Я пытался использовать шестнадцатеричный цвет, похожий на цвет rgba, но мне он не нравится.Поэтому, кроме выбора цвета, который мне не понравится, я не уверен, как его достичь.
Цвет 1, 2, 3, 0.5 - это всего лишь пример.Пока вы используете rgba, не имеет значения, какой цвет вы выберете.
Есть идеи?
ОБНОВЛЕНИЕ:
Я сообщил об этом в MSDN из Visual Studioкто смотрит на него, но по состоянию на 15.7.4 он все еще не исправлен.