プロパティがダブルダッシュで始まる場合、Sassは変数をコンパイルしません

Question

私は最新のバージョンにsass ruby​​ gemを更新しました。

例（source.scss）：今とき、変数（プロパティの値）の前に、プロパティ名をダブルダッシュ--で始まる場合.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; 
} 

私が何か間違ったことをやっていますか？何とか修正できますか？ ありがとうございます。

Answer 1

しばらくの間苦労して解決策を見つけました。変数が文字列の中にあるかのように扱うだけです。

ので、代わりの：

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

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

そして予想通り、変数が正しくoutput.cssに置き換えられます。

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

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

我々は書く必要があります。 ありがとうございます。