Ich möchte eine Funktion erstellen, die Folgendes bewirkt:

.sprite-size (@width,@height,@x,@y) {
  width:~'@{width}px';
  height:~'@{height}px';
  background: @sprites no-repeat  -~'@{x}px' -~'@{y}px';
}

Ich möchte einen positiven Wert übergeben@x und@y und dann negieren sie in der Ausgabe. Die obige LESS-Funktion gibt für das folgende Beispiel Folgendes aus:

//LESS
.header-language-selection {
  .sprite-size(44,21,312,0);
}

//Outputs CSS
.header-language-selection {
  width: 44px;
  height: 21px;
  background: url('/Content/images/sprites.png') no-repeat - 312px - 0px;
}

Wie Sie sehen, enthält das Ausgabeergebnis ein Leerzeichen zwischen dem- und daspx. Gibt es eine Möglichkeit, diese zu entfernen und das zu erreichen, was ich will?

Ich möchte, dass die Ausgabe dieser Zeile wie folgt lautet:background: url('/Content/images/sprites.png') no-repeat -312px -0px;