Mit LESS 1.4 wird das in der ursprünglichen Antwort für die kommagetrennten Argumente verwendete JavaScript nicht benötigt. Stattdessen bewirkt die Verwendung eines "Dummy" -Semikulons am Ende der Argument-Zeichenfolge, dass die Kommas als Listentrennzeichen und nicht als Argumenttrennzeichen angezeigt werden. Dies funktioniert jetzt, wenn mehrere Übergänge eingegeben werden:
Das Semikolon im Mixin-Aufruf ( .transition-properties(border-top .25s linear, color .5s linear;); ) ist sehr wichtig. Wenn es weggelassen wird, wird das Komma zwischen den beiden Parametern gelöscht, was zu einer ungültigen CSS-Regel führt.
Beachten Sie, dass das Komma zwischen den beiden Eigenschaftswerten liegt:
%Vor%Offensichtlich hängen Einzelheiten von Ihrer genauen Implementierung ab. Dies veranschaulicht jedoch im Allgemeinen, wie Sie es verwenden würden:
Was zum
%Vor%ermöglicht es Ihnen, mehrere kommagetrennte Übergänge zu verwenden, sagen Sie:
%Vor%Was wird kompiliert, um sie durch ein Komma getrennt zu halten (nur eine Zeile zum Beispiel gezeigt):
%Vor% Wenn Sie gerade die @arguments verwendet haben, erhalten Sie keine Kommatrennung :
Was für die Eigenschaft nicht korrekt ist.
Tags und Links less css-transitions mixins