не может назначить значения SCSS переменным css - PullRequest
Новая
       22

не может назначить значения SCSS переменным css

0 голосов
/ 30 октября 2018

Чтобы обеспечить удобочитаемость и удобство обслуживания, я хотел бы объявить несколько значений, например, цветов, но только один раз.

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

.some-selector {
    --my-css-variable: $my-color; // nope
    --my-css-variable: mySassFunction(); // nope
    --my-css-variable: transparentize($my-color, .5); // nope
    --my-css-variable: copy-pasted-value; // alright
}

Я не могу найти никакого ответа в поисковых системах, всегда в лучшем случае находя не относящиеся к делу темы. Не могли бы вы помочь мне?

1 Ответ

0 голосов
/ 30 октября 2018

Попробуйте с интерполяцией #{...}

$my-color: #fff;

@function myFunction() {
    @return #000;
}

.some-selector {
    --my-css-variable: #{$my-color}; 
    /* output: --my-css-variable: #fff; */
    --my-css-variable: #{myFunction()}; 
    /* output: --my-css-variable: #000; */
}
...