Stylus. Отрицательные переменные

Question

Как использовать отрицательные переменные в Stylus?

Я пишу Mixin для спрайта:

sprite-medium(col,row) 
    width = 40px 
    height = 40px 
    width: width 
    height: height 
    background: url('../img/medium-sprite.png') no-repeat 
    background-position: -col*width -row*height 

И у меня есть ошибка. Конечно, я могу писать отрицательные значения при вызове mixins, но это не идеальное решение. Кто-нибудь может помочь? Благодарю.

Answer 1

Stylus лечит - перед тем col и row как часть имени - они должны быть разделены для того, чтобы работать, как -(col * width), однако вы также должны избегать вычитания двух значений, которые вы хотите на фоне. Вот решение с расчетом рабочего фона и немного упрощается за счетом использования поиска в собственности:

sprite-medium(col, row) 
    width: 40px 
    height: 40px 
    background: url('../img/medium-sprite.png') no-repeat 
    background-position: -(col * @width) -1 * (row * @height) 

Надеется, что это помогает.