less - LESS で border-width のようなパラメーターを使用する

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;
}