LESS將規則集合併成兩個不同的變量

Question

我試圖將一個規則集合到兩個不同的規則集中，交換變量值。主要目的是LTR/RTL國際化。

用法：

h1 { 
    margin-top: 10px; 
    .directions({ 
    margin-@{left}: 5px; 
    }); 
} 

預期輸出：

h1 { 
    margin-top: 10px; 
} 
.ltr h1 { 
    margin-left: 5px; 
} 
.rtl h1 { 
    margin-right: 5px; 
} 

我能得到一些可用的結果與Passing Rulesets to Mixins功能欠1.7

.directions(@rules) { 
    @left: left; 
    .ltr & { @rules(); } 
    @left: right; 
    .rtl & { @rules(); } 
} 

的問題是， @left變量始終設置爲.directions中使用的最後一個值（）mixin（right在這種情況下）。有沒有辦法如何交換變量或將其傳遞迴mixin之外？

注：我不想輸出LTR/RTL到兩個單獨的文件，我試圖將它們合併成一個文件。

Answer 1

要了解以下變量的作用域和生存時間看：

• Lazy Evaluation（又名延遲加載）。
• Variable Semantics
• Most Misunderstood
• Scope
• Last Declaration Wins

您的特定情況下的解決辦法很簡單，只要：

.directions(@styles) { 
    .ltr & { 
     @left: left; 
     @styles(); 
    } 
    .rtl & { 
     @left: right; 
     @styles(); 
    } 
}