ハンドルバーを Liquid のように使用して、変数に基づいて動的 CSS をプリコンパイルおよび生成できるかどうか疑問に思っています。以下のコードを試してみたところ、正しく CSS が出力されますが、Handlebars が主な対象となるため、何か欠点はありますか?
var template = Handlebars.compile("p + p { border-color: {{ borderColor }} }");
var context = {borderColor: "#ffffff"};
var html = template(context);
ありがとう