使用transform translate()或其他2部分规则的stylus mixin的正确语法

时间:2014-11-05 02:38:39

标签: mixins stylus

在手写笔中,当尝试使用transform translate()或任何其他多部分规则制作mixins时......

我得到:""

超出了最大手写笔调用堆栈大小
scale(n)
    transform scale(n)

scale()
    transform scale(arguments)

(试了一堆东西......)

Here is an example CodePen

2 个答案:

答案 0 :(得分:0)

这是我发现的。我为每个人制作了mixins,但我忘记了他们互相覆盖。所以,这对我来说似乎是最好的选择。

transform(value)
  transform: value

.thing
  background red
  width 3rem
  height 3rem
  transform( translate(20%,20%) scale(1.2) rotate(98deg) )

答案 1 :(得分:0)

是的,如果您尝试使用与您正在调用的函数相同的函数生成值,则应按字面输出,如下所示:

scale(n)
  transform 'scale(%s)' % n

这样它会输出ident实体,不会调用scale函数,所以不会有任何无限循环。