css - 为什么我的定位混合在与 Sass 一起工作时在 Stylus 中不起作用？

Question

我使用定位 Mixins 将我的 div 对齐到页面的顶部、左侧或中心等，它与 SCSS/Sass 一起工作正常，但出于某种原因，当我尝试使用 Stylus 时它的行为非常奇怪。

如果我包含一个 Mixin，它工作正常，但是当我在下面添加更多 Mixin 时，它将默认为另一个 Mixin。

我的 Mixin 示例:

top()
   position absolute
   margin auto
   top 0
   right 0
   //bottom 0
   left 0

Editable demo of the buggy code

一些理论:

• 它正在合并我的声明？
• Stylus 无法判断我正在调用哪个 Mixin？

Answer 1

问题是transparent mixins .您正在定义 left() 混入并在 top() 混入中使用它:

left 0 -> left(0)

最好不要将 CSS 属性名称用作 Stylus 中的混合名称。