使用边框宽度像LESS参数(Use border-width like parameter in L

我还发现这项技术的实用性。 请我有一个问题，如果有人能回答我。 我想创建一个函数：

.advancedBorder( @color, @size )
{
     border: @size solid @color;
}

div
{
    .advancedBorder( #FFF, 1px 0px 1px 0px);
}

所以，我想在很多方面，使之可能的，但没有成功。

真正的原因是创建一个可以添加到任何盒和设置任何边框大小和颜色我喜欢用最少的代码行的功能。 谁能告诉我怎么可以做什么？

谢谢！

Answer 1:

生成的语法是不是在CSS有效。 您传递如下：

@color = #FFF @size = 1px 0px 1px 0px

这在你的mixin将产生：

border: 1px 0px 1px 0px solid #FFF;

如CSS。 这是不适合的CSS边框有效的简写。 你需要这样的东西：

.advancedBorder( @color, @size ){
    border-width: @size;
    border-color: @color;
    border-style: solid;
}

文章来源: Use border-width like parameter in LESS