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(); 
    } 
}