Zaneguj zmienną numeryczną i dodaj do niej „px” w LessCSS

Chciałbym utworzyć funkcję, która:

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

Chciałbym przekazać wartość pozytywną, w@x i@y a następnie zaneguj je na wyjściu. Powyższa funkcja LESS wyświetla następujący przykład dla następującego przykładu:

//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;
}

Jak widać wynik wyjściowy zawiera spację między- ipx. Czy jest jakiś sposób na usunięcie tego i osiągnięcie tego, czego chcę?

Chcę, aby wyjście tej linii było:background: url('/Content/images/sprites.png') no-repeat -312px -0px;

questionAnswers(2)

yourAnswerToTheQuestion