我是Less的新手,我只是浏览了一些简单的概念,发现当我使用参数化mixin时,它不会编译到CSS文件中。
示例,这是我的style.less文件:
@color: #000;
.boxshadow (@shadow:2px 2px 5px rgba(0,0,0,.4)) {
-webkit-box-shadow: @shadow;
-moz-box-shadow: @shadow;
box-shadow: @shadow;
}
.box{
.boxshadow;
color: @color;
}
这是我编译的style.css文件:
.box {
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
color: #000;
}
它识别.boxshadow上的值并将它们传递给.box,但它没有编译.boxshadow,因为它是自己的CSS类。
我已经使用命令行和Sublime Text 3包编译,两者都输出相同的css。
我错过了一些简单的东西吗?
提前致谢!