LESS預處理和空參數？

Question

這可能很難解釋。有沒有一種方法可以減少不寫出@child參數而不會超載混音？我真的不想要兩個混合。如果我使用「」雙引號輸出。我希望LESS編譯器將其留空。

更少的代碼

.build-on(size, @child) 
{ 
    &--1-1 @{child} 
    {    
     width: 100%; 
    } 

    &--1-2 @{child} 
    { 
     width: 50.0%; 
    } 

    &--1-3 @{child} 
    { 
     width: 33.3%; 
    } 

    &--1-4 @{child} 
    { 
     width: 25.0%; 
    } 

    &--1-5 @{child} 
    { 
     width: 20.0%; 
    } 
} 

// I might need to provide a child element 

.data-table 
{ 
    .build-on(size, table); 
} 

// I might not 

.grid 
{ 
    .build-on(size, ""); 
} 

Answer 1

通過它，像這樣：

.yourClass 
{ 
    .build-on(size, ~''); 
} 

或更好，但...

定義默認：.build-on(size, @child: ~'') { ... }則不需要進行第二次：

.yourClass 
{ 
    .build-on(size); 
}