Twitter引导的多重转换。转换?-MultipletransitionsforTwitterbootstrap.transition?

63  

Two Options (Depending on version of LESS)

LESS (1.3.3+)

少(1.3.3 +)

The less2css.org shows this works with LESS 1.3.2 on experimentation, but the issue documentation seems to indicate this is a 1.4 release addition.

less2css.org显示，在实验上使用的方法少于1.3.2，但是问题文档似乎表明这是1.4版本的增加。

Whenever it became effective, at some point, the semicolon was introduced as a possible variable separator in parametric mixins while still allowing commas. The presence of a ; causes commas to be viewed not as separating variables, but rather as part of the value of the variable itself (a comma separated list). This then allows (to quote the site) us to use a "dummy semicolon to create mixin call with one argument containing comma separated css list."

当它变得有效时，在某些点上，分号作为参数混合中可能的变量分隔符引入，同时仍然允许使用逗号。a的存在;使逗号不被视为分隔变量，而是作为变量本身的值(逗号分隔的列表)的一部分。这就允许(引用站点)我们使用一个“虚拟分号创建mixin调用，其中包含一个包含逗号分隔的css列表的参数。”

Therefore the following works to produce the same output as above without the escaped string (NOTE the "dummy" semicolon put at the end of the variable entry, right before the closing parenthesis of the parametric mixin call):

因此，以下操作可以在不使用转义字符串的情况下产生与上面相同的输出(请注意，在变量项的末尾，参数mixin调用的结束圆括号之前放置的“哑”分号):

.transition(opacity 0.5s, margin 0.25s;);
                                      |
                                semicolon here

LESS (pre 1.3.3, but also works in later versions)

更少(1.3.3之前，但也适用于以后的版本)

Do a string interpolation (~) for the passed in variables:

对传入的变量做一个字符串插值(~):

.transition(~"opacity 0.5s, margin 0.25s");

Both solutions output:

这两个解决方案输出:

-webkit-transition: opacity 0.5s, margin 0.25s;
-moz-transition: opacity 0.5s, margin 0.25s;
-o-transition: opacity 0.5s, margin 0.25s;
transition: opacity 0.5s, margin 0.25s;