手写笔。负面变量

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)

希望这有帮助。