Sass не будет компилировать переменную, если свойство начинается с двойного тире

Я обновил драгоценный камень sass ruby ​​до последней версии. Теперь при компиляции файлов .scss компилятор не будет заменять переменные своими значениями, если имя свойства перед переменной (значение свойства) начинается с двойного тире --:

Пример (source.scss):

$header-height: 58px;
$accent: red;

paper-tabs {
    height: $header-height;
    --paper-tabs-selection-bar-color: $accent;
}

Ожидаемый результат (output.css):

paper-tabs {
    height: 58px;
    --paper-tabs-selection-bar-color: red;
}

Нежелательный вывод (output.css):

paper-tabs {
    height: 58px;
    --paper-tabs-selection-bar-color: $accent;
}

Я делаю что-то неправильно? Можно как-нибудь поправить? Спасибо.


css sass polymer polymer-2.x
person Aquaguy    schedule 20.07.2017    source источник

Ответы (1)


arrow_upward
9
arrow_downward

После некоторой борьбы я нашел решение. Просто обрабатывайте переменные, как если бы они были внутри строки.

Так вместо:

$header-height: 58px;
$accent: red;

paper-tabs {
    height: $header-height;
    --paper-tabs-selection-bar-color: $accent;
}

Мы должны написать:

$header-height: 58px;
$accent: red;

paper-tabs {
    height: $header-height;
    --paper-tabs-selection-bar-color: #{$accent};
}

И переменная правильно заменена в output.css, как и ожидалось. Спасибо вам всем.

person Aquaguy    schedule 20.07.2017