Переменная CSS в переменную SASS = проблема с функцией непрозрачности - PullRequest
Новая
       26

Переменная CSS в переменную SASS = проблема с функцией непрозрачности

0 голосов
/ 13 сентября 2018

рассмотрим эту проблему ... два листа .scss 

*styles.scss*
@import _variables.scss

--app-color: rgb(0,0,0); //css variable

*_variables.scss*

$color: var(--app-color); //CSS to SASS variable

теперь мы можем везде использовать переменную $ color, заполненную переменной CSS color, и это работает.

Моя проблема заключается в использовании этой переменной SASS / CSS для установки непрозрачности.Посмотрите на это => 

background: rgba($color, .1);

, оно НЕ будет работать ... потому что $ color в этом случае не будет передаваться как значение общего цвета, как я определил (

rgb (0,0,0)

) но нравится (

var (- app-color)

и функция rgba ()вероятно, не знаю, как обрабатывать этот параметр.

rgba () может обрабатывать два параметра ($ color, $ alpha), который работает отлично, но не в том случае, если $ color / $ alpha заполнены значениями переменных CSS)

... есть идеи, как это решить?Я не прав, как я это понимаю?

Спасибо

1 Ответ

0 голосов
/ 13 сентября 2018

Я думаю, что вы ошибочно принимаете функциональную нотацию css для цвета и функцию sass rgba () , у них может быть похожий синтаксис, но они совершенно разные функции.Первый требует трех параметров, а второй будет работать только тогда, когда два параметра переданы перед компиляцией, и поэтому не может работать с переменными css, которые могут измениться в любое время.

...