less - 在 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

在你的 mixin 中会生成：

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

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

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