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;