少混入可變調用混入

Question

我有一個非常簡單的例子，你可以看到：

.large{ 
    color: blue; 
} 

.a(@va){ 
    .large; 
    ~".@{va}()"; 
} 


a{ 
.a(large) 
} 

我一直試圖讓.large()或.large;通過調用.large混入工作。我不斷收到錯誤：

Parse error: Unrecognised input 
    .large; ~".@{va}()";} 

我該如何解決這個問題？

Answer 1

您不能通過存儲在變量中的名稱調用mixin。您可以通過包裝混入調用實現的目標爲"detached ruleset"，雖然，例如：

.large { 
    color: blue; 
} 

.a(@va) { 
    @va(); 
} 


a { 
    .a({.large}) 
} 

有在做類似的事情的other methods（可能更爲有用/適合根據使用情況）。