-webkit-mask-imageがsassで動作していません

Question

私はgss（node-sass）を使ってCSSにsassファイルをコンパイルしています。

-webkit-mask-image: -webkit-gradient(linear, left bottom, left 30%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); 

をこのようにそれをコンパイル飲み込む：

私はこのように私のSASSファイルで-webkit-mask-imageを追加しました

mask-image: -webkit-gradient(linear, left bottom, left 30%, left, right); 

を私が間違っているのでしょうか？ gulp（node-sass）に実験的なCSS技術を追加する方法はありますか？

編集：私は解決策を見つけました。値を文字列として記述し、-webkit-mask-imageに設定する必要があります。

Answer 1

値を文字列として記述し、-webkit-mask-imageに設定する必要があります。

$gradientSidebar: "-webkit-gradient(linear, left bottom, left 30%, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))"; 
.my-class{ 
    -webkit-mask-image: #{$mobileGradientSidebar}; 
}