css - 选择器内的手写笔调用 mixin 不起作用

Question

我正在尝试使用 Stylus 混合功能来组织我的代码。考虑以下代码:

.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。