手写笔.负面变量

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

手写笔正在处理-之前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)

希望这可以帮助.