Aşağıdaki yapan bir işlev oluşturmak isteyen bir sayısal değişken Yadsımak ve LessCSS

Question

kendisine 'px' ekleme onları çıktıda reddet. Yukarıda AZ işlevi aşağıdaki, örneğin, aşağıdaki verir:

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

çıkış sonucu - ve px arasında bir boşluk içerir görebilirsiniz. Bunu kaldırabilmek ve istediğimi elde edebilmek için herhangi bir yol var mı?

O hattının çıkış olmak istiyorum:

Answer 1

background: url('/Content/images/sprites.png') no-repeat -312px -0px; Sadece istediğiniz işareti ve birimlerinde 1 ile çarpın. Yani:

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

Answer 2

Ayrıca bu deneyebilirsiniz:

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