css - less で文字列をエスケープし、変数を渡す

Question

Less を使用して、LESS が認識しない文字列をエスケープする必要があります。

filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff, endColorstr=#24ffffff)";

同時に、2 つの変数 startColor と endColor をこの文字列に渡す必要があります。

.get-ARGB(@startColor, @endColor){
    /* ARGB backgrounds for IE 7+8 (black background with 50% transparancy) */
    filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@startColor, endColorstr=@endColor)";
}

どうすればそれを行うことができますか？

Answer 1

文字列補間を使用する:

   filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{startColor}, endColorstr=@{endColor})";