在CSS @import指令中包含少量變量

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"; 

有沒有解決方法？

Answer 1

我的核心團隊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"; 

Answer 2

您目前無法在Less中完成此操作，但它確實看起來像即將推出的功能。

更確切地說，它在less.js 1.4 alpha。

https://github.com/cloudhead/less.js/issues/410