less/scssでの文字列操作ですか？

Question

少ない機能を使用するとt r b lからt l b rに変換できますか？ここで

.foo{ 
    border: fn(1px 2px 3px 4px) 
} 

Answer 1

はミックスインを使用してソリューションです：

.border (@t, @l, @b, @r) { 
    border-top:@t; 
    border-left:@l; 
    border-bottom:@b; 
    border-right:@r; 
} 

.foo { 
    width:100px; 
    height:100px; 
    .border(2px, 1px, 3px, 4px); 
} 

これはにコンパイル：7相-MAXここで、@によって提案されているよう

.foo { 
    width: 100px; 
    height: 100px; 
    border-top: 2px; 
    border-left: 1px; 
    border-bottom: 3px; 
    border-right: 4px; 
} 

UPDATE

より効率的なソリューションです：

コンパイル

.border(@t, @l, @b, @r) { 
    border: @t @r @b @l; 
} 

.foo { 
    .border(1px, 2px, 3px, 4px); 
} 

：

.foo { 
    border: 1px 4px 3px 2px; 
}