css - CSS@importディレクティブにLESS変数を含める

Question

@importステートメントの文字列コンテンツ内にLESS変数を含めたいと思います。。。

@my-font-name: Georgia;
@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600|@{my-font-name}:400,300,700";

ただし、処理されたCSSには変換はなく、同じように見えます。

@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600|@{my-font-name}:400,300,700";

このように処理することをお勧めします。

@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600|Georgia:400,300,700";

解決策はありますか？

score 8 · Accepted Answer

私はless.jsのコアチームに所属しており、@importステートメントの変数はで導入されました。Less.js v1.4.0-b1

これにより、探していることを達成できるはずです。

@my-font-name: Georgia;
@import "http://fonts.googleapis.com/css?family=Open+Sans:400,300,600|@{my-font-name}:400,300,700";

score 1 · Accepted Answer

現在、Lessでこれを行うことはできませんが、この機能は間もなく登場する可能性があります。

より正確には、less.js1.4alphaにあります。

2 に答える 2