less変数および関数レコード

2866 ワード

@size: small, large;
@smallWidth: 24px;
@largeWidth: 40px;

// @n > 0   @n     0   
.size-loop(@n) when (@n > 0) {
	//  @size   @n 。
	//   : 1  ,        0  
    @s: extract(@size, @n);
    //        
    @w: '@{s}Width';
    //   @{s}     class 
    .input_@{s}{
        .input{
        	// @@w    @w      
            width: @@w;
        }
    }
    .size-loop(@n - 1);
}
//   @size length
.size-loop(length(@size));