Negue uma variável numérica e adicione 'px' em LessCSS
Eu gostaria de criar uma função que faz o seguinte:
.sprite-size (@width,@height,@x,@y) {
width:~'@{width}px';
height:~'@{height}px';
background: @sprites no-repeat -~'@{x}px' -~'@{y}px';
}
Eu gostaria de passar um valor positivo, em@x
e@y
e depois negá-los na saída. A função LESS acima exibe o seguinte para o exemplo a seguir:
//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;
}
Como você pode ver, o resultado da saída inclui um espaço entre o-
e apx
. Existe alguma maneira de remover isso e conseguir o que eu quero?
Eu quero que a saída dessa linha seja:background: url('/Content/images/sprites.png') no-repeat -312px -0px;