css - PIE を使用して少ない CSS で複数のグラデーションに @argument を追加する

Question

ボタン、ボックス、ページに表示できるサイトに必要なグラデーションがいくつかあります。スタイルシートでの繰り返しを最小限に抑えるために、LESS CSS を試してみようと思いました。

これまでのところ、私は持っています:

.gradient (@origin: bottom, @start: #000, @end: #333){
background: @start;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(@end), to(@start));
background: -webkit-linear-gradient(@origin, @start, @end);
background: -moz-linear-gradient(@origin, @start, @end);
background: -ms-linear-gradient(@origin, @start, @end);
background: -o-linear-gradient(@origin, @start, @end);
background: linear-gradient(@origin, @start, @end);
-pie-background: linear-gradient(@origin, @start, @end);
behavior: url(/PIE.htc);
}

この例に似た @argument を使用して、さまざまな色を呼び出すことができるようにしたいと考えています。

.box-shadow (@x: 0, @y: 0, @blur: 1px, @color: #000) {
box-shadow: @arguments;
-moz-box-shadow: @arguments;
-webkit-box-shadow: @arguments;
}
.box-shadow(2px, 5px);

これは 16 進数または RGB (@color: 0 ??) で実行できますか?それとも、これについて間違ったロジックを持っていますか? ありがとう。