不能编译LESS文件导入CSS

我不太文件看起来像这样：不能编译LESS文件导入CSS

/*Style*/ 
.themeStyle(){ 
    font-weight:normal; 
    text-transform:capitalize; 
    text-transform:none; 
} 
.styleTitleBlock(@padding; @margin){ 
    text-transform:uppercase; 
    padding:@padding; 
    margin:@margin; 
    text-align: left; 
} 
.hideText(){ 
    display: inline-block; 
    text-indent: -99999px; 
    overflow: hidden; 
    vertical-align: middle; 
    text-align: left; 
    float: left; 
    .themeStyle(); 
} 
.themePosition(){ 
    position:absolute; 
    top:0; 
    left:0; 
} 
/*color text * color text hover*/ 
.link(@color; @colorhover){ 
    color: @color; 
    &:hover, 
    &:focus, 
    &:active { 
     color: @colorhover; 
     text-decoration:none; 
    } 
} 
/*========================= Functions==================*/ 
/*Change Font*/ 
.changeFont (@font){ 
    font: @font; 
} 

/*Change Text Color*/ 
.changeColor (@color){ 
    color: @color; 
} 
/*Change Line*/ 
.changeLine (@linecolor){ 
    border-color: @linecolor; 
} 
/*Change Background Color*/ 
.changeBkg (@bgkcolor){ 
    background-color: @bgkcolor; 
} 
/*Change Background Image Color*/ 
.changeBkg (@bkgcolor; @bkgurl; @bkgname; @bkgposition; @bkgrepeat){ 
    background-color:@bkgcolor; 
    background-image:url("@{bkgurl}@{bkgname}"); 
    background-position:@bkgposition; 
    background-repeat:@bkgrepeat; 

} 

/*Change Color-Border-Background Color*/ 
.changeAllColor(@color; @bgkcolor){ 
    .changeColor (@color); 
    .changeBkg (@bgkcolor); 
} 
.changeAllColor(@color; @linecolor; @bgkcolor){ 
    .changeColor (@color); 
    .changeLine (@linecolor); 
    .changeBkg (@bgkcolor); 
}

等我需要，因为它似乎使用一个共享的主机上没有LESS编译器。所以我想预先编译它。

lessc functions.less > functions.css

生成的css文件，但它只包含注释 - 没有代码，没有其他css指令。我做错了什么？我可以解决这个问题吗？

来源

2015-04-23 Chris

什么是预期的输出？目前，你只有mixin。 – TiiJ7

这是因为代码只有带有'（）'或参数混合的mixin，除非在另一个选择器块中调用，否则它们都不在编译的CSS中输出。 – Harry

是的，我看到 - 没有（）它的工作原理 - 但似乎我必须重写代码。谢谢。 – Chris

您只有LESS文件中有mixin。 Mixins不会导致CSS输出，如果不使用的话。有关mixin的更多信息，请参见LESS documentation（在您的案例中，参数混合）。

尝试的选择后，以删除括号，就像这样：

.hideText { 
    display: inline-block; 
    text-indent: -99999px; 
    overflow: hidden; 
    vertical-align: middle; 
    text-align: left; 
    float: left; 
    .themeStyle(); 
}

来源

2015-04-23 08:53:48

不能编译LESS文件导入CSS

回答

相关问题