手写笔调用mixin里面的选择器doen＆st; work

Question

我正在尝试使用Stylus mixin功能组织我的代码。请考虑以下代码：

.navbar
  height 82px
  background #ddd
  breakpoint(n.breakpoint) // mixin

// this is the mixin I used above.
breakpoint(value)
  @media ( max-width value)
    .navbar-header
        float none
    .navbar-toggle
        display block
    .navbar-collapse 
        border-top 1px solid transparent
        box-shadow inset 0 1px 0 rgba(255,255,255,0.1)

    .navbar-collapse.collapse 
        display none !important
    .navbar-nav 
        float none!important
        margin 7.5px -15px

    .navbar-nav
        > li 
            float none
    .navbar-collapse.collapse.in
        display block !important
    .collapsing
        overflow hidden !important

代码完美编译，但这会产生：

.navbar{
   height: 82px;
   background: #ddd
 }

我认为它应该在.navbar之后包含mixin的代码，但breakpoint的样式会在哪里？

Answer 1

应该在使用之前定义mixin。您需要在.navbar之前移动mixin。