少编译参数混合

时间:2016-07-19 07:14:37

标签: css less

我是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。

我错过了一些简单的东西吗?

提前致谢!

1 个答案:

答案 0 :(得分:0)

  

如果你想创建一个mixin,但你不想输出mixin,你可以在它后面添加括号。

请参阅here