LESSの関数におけるすべてのパラメータ
次のような関数があるとします:
.border(@w, @c, @t) {
border: @w @c @t;
}
このような関数を作成する際に不便なのは、 まず関数宣言ですべてのパラメータを列挙し、 その後、関数内で同じパラメータを再度列挙しなければならない点です。
ここで役立つのが、関数のすべてのパラメータを含む
特別なキー変数@argumentsです。
この変数を使ってコードを簡略化しましょう:
.border(@w, @c, @t) {
border: @arguments;
}
次の関数のコードを簡略化してください:
.shadow(@x, @y, @r, @w, @c) {
box-shadow: @x @y @r @w @c;
}