使用LESS中类似边框宽度的参数

Question

我仍在发现这项技术的实用性。如果有人能回答我，我有一个问题。我正在尝试创建一个函数，比如：

.advancedBorder( @color, @size )
{
     border: @size solid @color;
}
div
{
    .advancedBorder( #FFF, 1px 0px 1px 0px);
}

因此，我尝试了很多方法使之成为可能，但都没有成功。

真正的原因是创建一个可以添加到任何框中的函数，并用最少的代码行为其设置我喜欢的任何边框大小和颜色。有人能告诉我怎么做吗？

谢谢！

Answer 1

生成的语法在CSS中无效。您正在通过以下内容：

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

在你的混音中将生成：

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

作为CSS。这不是CSS中边框的有效缩写。你需要这样的东西：

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