如何将LESS类添加到LESS变量?

时间:2017-09-14 10:11:57

标签: css less

我在LESS写了一个类,看起来像这样:

.horizontal-gradient (@startColor: #eee, @endColor: white) {
    background: linear-gradient(red, yellow);
}

我试图用LESS变量在@primary-color: .horizontal-gradient(#35a1e5, #0172b9); 变量中调用它:

@primary-color

然而,在跑步时我得到错误

  

NameError:变量@ primary-color未定义

但是当我初始化@primary-color: #000; 时:

.horizontal-gradient

然后它工作得很好。所以不知何故,LESS类导致错误。

DEMO 我不能让LESS在SO小提琴中工作。所以我在jsFiddle上创造了一个小提琴。
http://jsfiddle.net/T2Xe9/828/

如何在变量中使用I have a query regarding testng module. My requirement is to invoke different classes based on the parameter provided in the testng.xml Testng.XML <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE suite SYSTEM "http://testng.org/testng-1.0.dtd"> <suite name="Suite"> <parameter name="selenium.test" value="Web" /> <parameter name="selenium.testtype" value="Sanity" /> <parameter name="selenium.env" value="UAT" /> <parameter name="selenium.browser" value="IE" /> <parameter name="selenium.pbrowser" value="Mozilla" /> <test name => <classes> <class name="test.DriverTest"/> </classes> </test> <!-- Test --> </suite> <!-- Suite --> 类?

1 个答案:

答案 0 :(得分:1)

您使用的不是变量,而是mixin:http://lesscss.org/features/#mixins-feature

如果不改变你的.horizo​​ntal-gradient mixin,你可以使用它:

div#background {
    .horizontal-gradient(#35a1e5, #0172b9);
    // The rest of your style
}

所以:你不能将mixin结果注册到变量中。