我有一个.less
文件,我保留了所有全局变量。例如:
lib.less
@primary-color: red;
.primary-font{
font-family:Arial;
}
在我的一个页面上,我有一个特定于页面的CSS文件。例如:
Homepage.less @import" lib.less&#34 ;;
.Login
{
color:@primary-color;
.primary-font;
}
我使用dotless预处理LESS。这呈现了#34; Homepage.less"给客户:
.primary-font{
font-family:Arial;
}
.Login
{
color:red;
font-family:Arial;
}
我不希望.primary-font
被渲染,因为我只是将其用作导入其他类的样式集合。我真正想要的输出是:
.Login
{
color:red;
font-family:Arial;
}
有没有办法从另一个.less
文件导入样式以便在其他类中使用,而不将它们呈现给客户端?
答案 0 :(得分:2)
这与MVC无关,这是你在LESS本身必须做的事情。请参阅:http://lesscss.org/features/#mixins-feature-not-outputting-the-mixin
基本上,如果你不想把mixin输出作为一个类,你只需要用括号括起来:
.primary-font() {
font-family: Arial;
}