在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