Nier un numérique variable et d'ajouter " px " dans LessCSS

Je voudrais créer une fonction qui effectue les opérations suivantes:

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

Je tiens à passer un postive valeur, dans @x et @y et puis les nier dans la sortie. Ci-dessus MOINS fonction des sorties suivantes pour l'exemple suivant:

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

Comme vous pouvez le voir le résultat de sortie comprend un espace entre le - et la px. Est-il possible où l'on peut retirer et d'arriver à ce que je veux?

Je veux la sortie de cette ligne: background: url('/Content/images/sprites.png') no-repeat -312px -0px;

InformationsquelleAutor Mark Cassar | 2013-01-17
  1. 56

    Il suffit de multiplier par 1 dans le signe et les unités que vous voulez. Donc:

    .sprite-size(@width, @height, @x, @y) {
  width: @width*1px;
  height: @height*1px;
  background: @sprites no-repeat  @x*-1px  @y*-1px;
}
    • cette réponse doit être accepté...
    • Ou -0.5, dans mon cas.
    InformationsquelleAutor ScottS
  2. 7

    Vous pouvez aussi essayer ceci:

    .sprite-size (@width,@height,@x,@y) {
  width: ~"@{width}px";
  height: ~"@{height}px";
  background: @sprites no-repeat  @x*(-1px)  @y*(-1px);
}
    • C'est tellement plus facile à lire.
    InformationsquelleAutor VyseExhale