手写笔。负变量

Question

如何在 Stylus 中使用负变量？

我为一个 Sprite 编写 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)

希望这对您有所帮助。